|
|
|
L'elemento HEAD
| |
Scritto il 15/07/2002
|
All'interno dell'elemento HEAD posso specificare varie informazioni, fra le quali il titolo della pagina WEB attraverso l'elemento title. Il titolo appare nel bordo superiore della finestra del browser e viene utilizzato anche per identificare la pagina Web quando un utente la aggiunge alla lista dei siti preferiti (bookmark). Viene anche utilizzato dai motori di ricerca per creare cataloghi e indici delle pagine Web: ricopre quindi un ruolo molto importante per la visibilità nel web.
L'elemento title inizia con il tag <TITLE> e termina con il tag </TITLE>.
Un altro elemento importante all'interno dell'elemento HEAD è l'elemento meta, che fornisce informazioni di visualizzazione al browser e informazioni per la catalogazione delle pagine Web ai motori di ricerca.
Un elemento meta contiene due attributi che dovrebbero essere sempre utilizzati. Il primo è name che identifica il tipo di elemento meta; il secondo è content che fornisce il valore per quel tipo di elemento meta.
I due tipi di meta più conosciuti sono il meta name="keywords" che fornisce ai motori di ricerca un elenco delle parole chiave del sito e il meta name="description", che fornisce ai motori di ricerca una descrizione chiara e conscisa del sito.
Sempre all'interno dell'elemento Head posso inserire i fogli di stile CSS attraverso l'elemento Style oppure attraverso l'elemento Link. Posso anche inserire script client-side attraverso l'elemento Script.
Una struttura tipo per l'elemento HEAD può essere:
<HEAD>
<META name="keywords" content="parole, chiave, del, sito">
<META name="description" content="breve descrizione del sito">
<TITLE>Titolo pagina</TITLE>
<STYLE type="text/css">
...
</STYLE>
<SCRIPT TYPE="Text/Javascript" src="sorgente.js">
</SCRIPT>
<!-- Per un foglio di stile esterno -->
<link rel=stylesheet href="Stile.CSS" type="text/css">
</HEAD>
|
L'effetto di apertura delle pagine del nostro forum è ottenuto grazie all'utilizzo di un particolare elemento meta:
|
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=1,Transition=3)">
|
|
|
|
|
|
