HTML/Intestazione: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica |
cambio avanzamento a 75% |
||
Riga 1:
{{HTML}}
In questo modulo tratteremo i tag utilizzabili all'interno dei tag <code><head></code>,<code></head></code>, che servono per definire importanti proprietà del documento.
Per far sì che venga visualizzato un titolo del documento nella barra del titolo del
Ecco un esempio:▼
▲== Il Titolo della pagina ==
<source lang=html4strict>
<head>▼
▲Per far sì che venga visualizzato un titolo del documento nella barra del titolo del [[w:browser web|browser]] è sufficiente inserire all'interno dei tag <code><head></code>,<code></head></code> il tag <code><title></code>seguito dal titolo che vorreste dare alla pagina e successivamente il tag di chiusura <code></title></code>.
</head>▼
▲Ecco un esempio:
</source>
▲ <title>Inserire qui il titolo della pagina</title>
▲ <body>
▲ codice
▲ </body>
▲ </html>
== I meta tag ==
I '''''meta tag''''' sono dei tag speciali che posti
▲I meta tag sono dei tag speciali che posti all'interno dei tag <code><head></head></code> permettono di definire il contenuto della pagina web, in modo, ad esempio, da rendere l'indicizzazione da parte dei motori di ricerca più rapida ed efficace. I meta tag non producono alcun tipo di effetto grafico nella visualizzazione della pagina. I meta tag sono costituiti da due parti:
▲*Nome del meta tag
▲*Valore del meta tag
Ecco quindi la loro sintassi generale: <code><nowiki><meta name="nome meta tag" content="valore del meta tag"></nowiki></code>.
Line 30 ⟶ 28:
Ecco una tabella riassuntiva dei meta tag utilizzabili:
{| {{prettytable}} width="100%"
!Nome
!Valore
!Funzione
Line 83 ⟶ 81:
|Indica al motore di ricerca di indicizzare le pagine in base alla lingua
|}
Il meta tag ''robots'' come si è detto in precedenza serve a dare
▲Il meta tag ''robots'' come si è detto in precedenza serve a dare aclune indicazioni ai motori di ricerca, più nello specifico, serve a comunicare allo spider del motore di ricerca come si deve comportare durante l'indicizzazione di una pagina. I suoi possibili valori sono:
*''all'': e' l'insieme tra follow e index, indicizza la pagina che sta visitando e prosegue attraverso i links.▼
*''none'': non viene indicizzata la pagina e tutto ciò che è al suo interno
*''index'': indicizza solo la pagina che il motore di ricerca sta visitando
Line 92 ⟶ 87:
*''follow'': non indicizza la pagina che sta visitando prosegue attraverso i link della pagina
*''nofollow'': indicizza la pagina che sta visitando ma salta i link della pagina
▲*''all'':
Ci sono altri meta tag un po' particolari detti ''HTTP-EQUIV meta tag'' perché il server web nella sua risposta HTTP al
{| {{prettytable}} width="100%"
!Nome Tag
!Valore
Line 150 ⟶ 146:
Esempio di reindirizzamento:
<source lang=html4strict>
▲ <head>
</source>
▲ <meta http-equiv="refresh" content="4; url=http://it.wikibooks.org">
▲ </head>
Il meta tag ''content-Type'' serve per dichiarare il set di caratteri usati all'interno della pagina. La sua sintassi è la seguente: <code><nowiki><meta http-equiv="content-Type" content="tipo di documento; charset=set di caratteri"></nowiki></code>.<br/>
Il tipo di documento nel nostro caso è ''text/html'' con l'avvento dell'xml potrebbe esserci qualche nuovo valore.
Esempio di come utilizzare il meta tag ''content-Type'':
<souce
▲ <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
== Il DocType ==
{{Nota|titolo=Approfondimento
La prima riga di ogni pagina web (quindi ancora prima di qualsiasi tag, nel caso dell'HTML prima del tag <code><nowiki><html></nowiki></code>), che tenga conto delle specifiche, è il ''DocType''. Questa riga fornisce al
▲La prima riga di ogni pagina web (quindi ancora prima di qualsiasi tag, nel caso dell'HTML prima del tag <code><nowiki><html></nowiki></code>), che tenga conto delle specifiche, è il ''DocType''. Questa riga fornisce al [[w:browser web|browser]] tutte le informazioni per capire le caratteristiche della pagina che intepreterà. Il DocType, nella sua forma più estesa, ha bisogno di diverse informazioni:
▲*Il linguaggio usato all'interno della pagina
▲*Una dichiarazione in cui si determina se il documento è di dominio pubblico o meno
▲*Una nota che veicoli a quali specifiche del W3C si sta facendo riferimento
▲*La lingua del documento
▲La maggior parte delle pagine web, attualmente, ha questo tipo di DocType:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd>
Line 181 ⟶ 170:
È ora di approfondire a quali specifiche del W3C si può fare riferimento:
*'''Frameset''': questa DTD è utilizzata dai siti che al loro interno contengono i frames.
*'''Strict''': è una DTD che applica rigide regole ed applica quindi i nuovissimi standard del web. Ad esempio i tag deprecati non sono ammessi e gli elementi grafici di una pagina web devono essere definiti tramite i fogli di stile.
Line 196 ⟶ 184:
http://www.w3.org/TR/html4/strict.dtd>
[[Categoria:HTML|Intestazione]]▼
▲{{Nota|titolo=Approfondimento|larghezza=100%|contenuto=Non è obbligatorio specificare il DocType infatti la pagina verrà comunque visualizzata dal [[w:browser web|browser]], e nella maggior parte dei casi correttamente. Tuttavia consigliamo caldamente l'uso di questo tag, così facendo la pagina sarà in armonia con gli standard minimi di validità|}}
▲[[Categoria:HTML|Intestazione]]
{{Avanzamento|75%|30 dicembre 2007}}
| |||