Page 34 - Guida tascabile HTML5
P. 34
Capitolo 3
Gli elementi semantici: descrivere
la struttura
Nel capitolo precedente ci siamo soffermati sul contenuto vero e proprio, che
come abbiamo visto può essere descritto in modo completo grazie ai molti tag
definiti dalla specifica HTML5. A questo punto possiamo tornare ad affrontare in
modo più approfondito un discorso ampio e complesso, fondamentale per
comprendere la logica che sta alla base della realizzazione di pagine ben
strutturate.
Ricordiamo prima di continuare che il markup HTML consente di creare blocchi
di contenuto organizzati secondo una gerarchia precisa, con una struttura ad albero
che definisce in modo efficace ruolo e funzione di ogni elemento. Con
l’introduzione della specifica HTML5 è stato posto l’accento in modo particolare
su un gruppo di tag dedicati alla creazione della struttura del documento: menu,
sezioni, intestazioni, articoli, piè di pagina possono essere descritti in modo
appropriato, senza ricorrere a tag generici.
NOTA Questi tag non influiscono direttamente sull’aspetto del contenuto, ma, oltre a
comunicare il valore semantico dei blocchi che definiscono, diventano ottimi
riferimenti per regole CSS ad hoc.
È importante sottolineare che la flessibilità di questi tag HTML permette di
strutturare la pagina in molti modi, e di utilizzarli con ruoli differenti per creare il
markup adatto a qualsiasi esigenza.
I blocchi primari
La prima importante suddivisione che è possibile mettere in atto prevede
l’utilizzo di tag che differenziano il contenuto principale dagli altri che trovano
posto nella pagina. Proviamo a prendere come riferimento la Figura 3.1:
rappresenta una gerarchia di informazioni diffusa, che incontriamo spesso
navigando in Rete.
