Page 22 - Guida tascabile HTML5

Figura 2.3 Nidificando i tag potete creare una struttura del documento più

complessa.

A livello di visualizzazione della pagina la differenza non è sempre immediata:
per esempio l’aspetto predefinito del paragrafo nidificato nel tag <footer> è lo

stesso di quelli precedenti. La migliore organizzazione degli elementi permette

però di descrivere in modo ottimale il ruolo del contenuto: nell’esempio è stato
possibile suddividere in modo più preciso il contenuto creando un’intestazione

<header> e un piè di pagina <footer>, utili per separare queste informazioni dal

contenuto vero e proprio.

Una struttura di questo tipo consentirà inoltre in un secondo momento la
realizzazione di fogli di stile CSS sensati e di semplice comprensione.

TERMINOLOGIA I nomi di molti tag semantici introdotti con HTML5 sono ereditati da

valori comunemente utilizzati per gli attributi class e id del contenitore generico <div>:
per esempio non era raro trovare sintassi del tipo <div id="main"> o <div class="header">
(utili soprattutto per la creazione di regole CSS), ora sostituite direttamente da <main> o
<header>. Questa sottile differenza, a prima vista di poco conto, è invece fondamentale
proprio per il differente valore semantico del tag <div> rispetto a quelli più specifici ora

introdotti.