Argomenti trattati
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)">

Cerca nella sezione
Login utente