Sezione di intestazione: contiene tutte le informazioni relative alla pagina (come deve essere letta e interpretata) e incorpora codice di stile o di altri linguaggi quale ad esempio javascript, anche da file esterni. Non viene mostrata all’utente durante la visualizzazione della pagina web tramite browser, ma viene comunque tenuta in considerazione dai motori di ricerca durante la fase di indicizzazione.

I principali tag, figli di head, sono:

<title>Titolo pagina</title>

imposta il nome della pagina web. E’ visibile sulla barra del titolo del browser sul quale si sta visualizzando la pagina.

<link rel="icon" href="percorso verso la favicon" />

imposta una favicon, immagine identificativa del sito web, affianca il percorso del sito sulla barra degli indirizzi o precede il nome della pagina nella barra del titolo.

<link rel="stylesheet" href="percorso verso lo stile" type="text/css" media="all" />

incorpora un foglio di stile esterno. Href deve descrivere il percorso verso il foglio di stile.

<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />

stabilisce la codifica dei caratteri della pagina, in questo caso iso-8859-1.

<meta name="description" content="descrizione della pagina" />

inserisce una descrizione della pagina utile, soprattutto, ai motori di ricerca.

<meta name="keywords" content="parole chiave" />

inserisce delle parole chiave per la pagina utili, soprattutto, ai motori di ricerca.

<style>
    selettore{proprietà:valore;}
</style>

incorpora regole di stile nel documento.

<script type="text/javascript">
    codice javascript
</script>

incorpora codice javascript nel documento.

<script type="text/javascript" src="filejavascript.js"></script>

incorpora un file javascript esterno alla pagina.