Il nuovo HTML5
SEZIONE l'elemento può essere un po 'confuso. Se hai creato documenti HTML prima di HTML5, è probabile che tu stia già utilizzando l'elemento per creare divisioni strutturali all'interno delle tue pagine e quindi modellare le pagine con esse. Quindi potrebbe sembrare una cosa naturale sostituire semplicemente il tuo esistente
DIV elementi con
SEZIONE elementi. Ma questo è tecnicamente scorretto. Quindi se non si sostituisce semplicemente
DIV elementi con
SEZIONE elementi, come li usi correttamente?
L'elemento SEZIONE è un elemento semantico
La prima cosa da capire è che il
SEZIONE l'elemento è un elemento semantico. Ciò significa che fornisce un significato sia agli interpreti che agli utenti su quale sia il contenuto incluso, in particolare una sezione del documento.
Questo può sembrare una descrizione semantica molto generale, ed è perché lo è. Ci sono altri elementi HTML5 che forniscono distinzioni più semantiche al tuo contenuto che dovresti usare prima di usare il
SEZIONE elemento:
-
ARTICOLO
-
A PARTE
-
NAV
Quando utilizzare l'elemento SECTION
Utilizzare il
ARTICOLO elemento quando il contenuto è una parte indipendente del sito che può stare da solo ed essere sindacato come un articolo o un post sul blog. Utilizzare il
A PARTE elemento quando il contenuto è correlato in modo tangenziale al contenuto della pagina o al sito stesso, come barre laterali, annotazioni, note a piè di pagina o informazioni sul sito associate. Utilizzare il
NAV elemento per il contenuto che è la navigazione.
Il
SEZIONE l'elemento è un elemento semantico generico. Lo usi quando nessuno degli altri elementi del contenitore semantico è appropriato. Lo usi per combinare parti del tuo documento insieme in unità discrete che puoi descrivere come correlate in qualche modo. Se non puoi descrivere gli elementi nella sezione in una o due frasi, probabilmente non dovresti usare l'elemento.
Invece, dovresti usare il
DIV elemento. Il
DIV l'elemento in HTML5 è un elemento contenitore non semantico. Se il contenuto che stai cercando di combinare non ha un significato semantico, ma devi ancora combinarlo per lo styling, allora il
DIV elemento è l'elemento appropriato da usare.
Come funziona l'elemento SEZIONE
Una sezione del tuo documento può apparire come contenitore esterno per articoli e
A PARTE elementi. Può anche contenere contenuti che non fanno parte di un
ARTICOLO o
A PARTE. UN
SEZIONE elemento può anche essere trovato all'interno di un
ARTICOLO,
NAV, o
A PARTE. Puoi anche nidificare sezioni per indicare che un gruppo di contenuti è una sezione di un altro gruppo di contenuti che è una sezione di un articolo o la pagina nel suo complesso.
Il
SEZIONE elemento crea elementi all'interno di un contorno del documento. E come tale, dovresti sempre avere un elemento di intestazione (
H1 attraverso
H6) come parte della sezione. Se non riesci a trovare un titolo per la sezione, poi di nuovo il
DIV l'elemento è probabilmente più appropriato. Ricorda, se non vuoi che il titolo della sezione appaia sulla pagina, puoi sempre mascherarlo con CSS.
Quando non usare l'elemento SECTION
Al di là del consiglio di cui sopra per usare prima gli elementi semantici più specifici, c'è un'area definita che non dovresti usare
SEZIONE elemento: solo per lo stile.
In altre parole, se l'unico motivo per cui stai mettendo un elemento in quel posto è quello di associare le proprietà di stile CSS, non dovresti usare a
SEZIONE elemento. Trova un elemento semantico o usa il
In definitiva, potrebbe non essere importante
Una difficoltà nella scrittura dell'HTML semantico è che ciò che è semantico per me può essere un'assurdità totale per te. Se ritieni di poter giustificare l'uso del
SEZIONE elemento nei tuoi documenti, quindi dovresti usarlo. La maggior parte degli user agent non si cura e visualizzerà la pagina come ci si potrebbe aspettare se si stila a
DIV o a
SEZIONE.
Per i designer che amano essere semanticamente corretti, usando il
SEZIONE l'elemento in un modo semanticamente valido è importante. Per i designer che vogliono solo che le loro pagine funzionino, non è così importante. Crediamo che scrivere HTML semanticamente valido sia una buona pratica e mantenga le pagine più a prova di futuro. Ma alla fine tocca a te.
