Intestazione
La prima parte di un documento Html è rappresentata dall'intestazione.
L'intestazione ha lo scopo di fornire al Browser informazioni riguardanti il documento. Alcuni esempi possono essere: il titolo della pagina, il tipo di Html supportato, il possibile programma con cui è stata costruita la pagina, informazioni utili sul documento da fornire ai Motori di ricerca, etc.
I dati scritti nell'intestazione non compaiono all'atto della visualizzazione della pagina, ma non per questo possono considerarsi superflui !
Gli elementi più utilizzati dell'intestazione sono:
<!DOCTYPE>
Il comando Doctype è il primissimo elemento che si trova in un documento Html ed il suo tag <!DOCTYPE> deve essere posizionato prima del tag <HTML>.
Non ha bisogno del tag di chiusura e quindi non esiste il tag </DOCTYPE> .
La presenza di Doctype nel codice Html non è necessaria, ma è utile per fornire informazioni al server dove si trova la vostra pagina.
esempio: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Con questa riga si forniscono queste informazioni:
HTML PUBLIC : dice che il documento in questione è pubblico.
W3C : tale tipo di documento pubblico è gestito dal consorzio internazionale "W3C".
DTD HTML 3.2 : definisce la versione di Html supportata (in questo caso la 3.2).
EN : la lingua utilizzata nel documento è l'inglese.
<HTML>
Come detto in precedenza, un documento Html deve essere sempre racchiuso tra i Tags <html> e </html>, che hanno lo scopo di far capire al browser che il documento è scritto in Html: questo perchè l'Html non è l'unico linguaggio utilizzabile nel Web (ad esempio XML) e non tutti i browser sono in grado di riconoscere se si tratta o no di codice Html, non riuscendo così ad interpretare i successivi comandi.
esempio: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>... documento scritto in html ...</html>
<HEAD>
I tags <HEAD> </HEAD> sono posizionati immediatamente dopo il tag di apertura <html>.
Mentre i tags <html></html> racchiudono tutto il documento, i tags <head></head> racchiudono tutta l'intestazione. Da questo si capisce lo scopo di tali tags che è quello di localizzare tutte le informazioni riguardanti l'intestazione di un documento.
Le informazioni inserite all'interno dei tags Head sono le prime ad essere lette dal browser.
All'interno di questa sezione vi si inseriscono anche gli script.
esempio: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html> <head> intestazione </head> </html>
Come si capisce facilmente, i tags <TITLE></TITLE> racchiudono il titolo della pagina in questione. L'utilizzo del comando TITLE è comodo per permettere al browser di visualizzare il nome da noi attribuito alla pagina nella barra in alto:
nella barra del menù di avvio di Windows:
e per ultimo, ma non per importanza, attribuisce il nome della pagina quando si desidera aggiungerla tra i preferiti (o segnalibro per Netscape):
Ulteriore caratteristica del comando TITLE è data dall'usanza di alcuni Motori di ricerca di utilizzare ciò che è scritto tra i tags <title></title> di un sito come parole chiave nella indicizzazione del loro database.
La forma con cui si scrive il comando TITLE è la seguente:
esempio: <title>Roby_Kirk page: lì dove nessun uomo è mai giunto prima</title>
<META>
Il META tag è sicuramente il più potente strumento che si abbia nell'intestazione di una pagina Html per far conoscere la propria Homepage ed aumentare, così, le visite nel proprio sito Web. La maggior parte dei Motori di ricerca, infatti, permette di far richiesta di inserimento delle proprie pagine andando nel loro sito e cliccando su un Link. Successivamente verrà analizzata la pagina (o le pagine) in questione e, tramite le parole scritte nei META tags, verranno indicizzate. Il META tag serve, dunque, per poter inserire delle parole chiave che descrivano il proprio sito Web. E' utile inserire parole sia nella forma singolare che plurale, non c'è bisogno d'inserire parole singole e, se il proprio sito è multilingue, è bene inserire i vocaboli in tutte le lingue utilizzate nel proprio sito.
esempio: Se si considera per esempio il mio sito, gli argomenti da me trattati sono:
| 1) | Amiga |
| 2) | Casio fx-8500G |
| 3) | Numeri del lotto con il signifiato dei sogni |
| 4) | Motori di ricerca |
| 5) | Corso di Html |
quindi il META tag da inserire dovrebbe essere:
<META name="keywords" Content="amiga, casio fx-8500G, numeri lotto, sogno, sogni, motori di ricerca, corso di html">
Come si nota da questo esempio, non esiste un tag di chiusura </META>
Altri META tags definiscono:
il "nome dell'autore":
esempio: <META name="author" Content="Roby Kirk">
ciò che apparirà alla fine della ricerca del motore:
esempio: <META name="description" Content="Roby_Kirk page: di tutto di più">
quale editor di testo o quale programma è stato utilizzato per creare il codice:
esempio: <META name="generator" Content="Microsoft FrontPage Express 2.0">
la possibilità di inserire il "refresh" di una pagina, cioè la possibilità di lanciare una pagina dopo un certo numero di secondi definito dall'autore:
esempio: <META HTTP-EQUIV="refresh" Content="10; url=suggerimenti.html">
cioè dopo 10 secondi verrà aperta automaticamente la pagina "suggerimenti.html"
la possibilità di non fare indicizzare una determinata pagina dal Motore di ricerca:
esempio: <META name="robots" Content="noindex">
ESEMPIO DI INTESTAZIONE
In questo paragrafo mostrerò un possibile esempio di intestazione di una pagina Html accorpando i vari tags presenti normalmente in una intestazione:
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> |
| <html> |
| <head> |
| <META name="keywords" Content="amiga, casio fx-8500G, numeri lotto, sogno, sogni, motori di ricerca, corso di html"> |
| <META name="author" Content="Roby Kirk"> |
| <META name="description" Content="Roby_Kirk page: di tutto di più"> |
| <META name="generator" Content="Microsoft FrontPage Express 2.0"> |
| <title>Roby_Kirk page: lì dove nessun uomo è mai giunto prima</title> |
| </head> |
| Corpo del codice Html compreso tra i tags <BODY></BODY> |
| </html> |
 |
|
|
