Page 36 - Guida tascabile HTML5

Figura 3.2 La stessa struttura della figura precedente, replicata con i tag

appropriati.

L’intestazione: <header>

Un’intestazione che si ripete costante in tutte le pagine del sito contribuisce a

identificare graficamente il sito stesso, a garantirne la riconoscibilità, e a offrire
agli utenti punti di riferimento sicuri. Spesso in questo spazio viene visualizzato il

logo del sito, il suo nome, un’immagine di impatto, a volte un campo di ricerca e
addirittura l’intero menu di navigazione, trattato nel prossimo paragrafo.

NOTA Per rendere più accessibile il documento e completare il valore semantico
dell’elemento è consigliabile aggiungere un attributo role al tag <header> per specificare
in modo esplicito la sua funzione nella pagina. Se come nell’esempio descritto
dovesse contenere l’intestazione della pagina sarebbe appropriato dichiarare il tag con
questa sintassi: <header role="banner">, per identificarlo come contenuto riferito all’intero