La semantica dell’elemento section

Titolo: La semantica dell’elemento section
Sezione: web
Data: 10.10.2018

Dalla lettura delle specifiche risulta che l’elemento ” Section ” rappresenta un documento generico o una sezione ma non è un elemento contenitore generico. Quando un elemento è necessario solo per scopi di stile o per comodità di scripting, gli autori sono incoraggiati a utilizzare invece l’elemento ” div “. Una regola generale è che l’elemento della sezione è appropriato solo se i contenuti dell’elemento vengono elencati esplicitamente nella struttura del documento. Questo significa che il tema di ogni sezione dovrebbe essere identificato, in genere includendo un’intestazione (elemento h1-h6) come elemento secondario dell’elemento section.

...
<section>
<h2>heading</h2>
 content
</section>
...

In conclusione la sezione non dovrebbe essere usata se non esiste un’intestazione naturale ( <h1> … <h6> ).

Riassumendo le regole pratiche per l’utilizzo della sezione ( ovviamente ci sono sempre delle eccezioni) :

  • Da non usare come hook per lo styling o lo scripting ( usare un div )
  • Da non usare se l’aArticle, a Aside o Nav sono più appropriati
  • Da non usare a meno che non ci sia naturalmente un titolo all’inizio della sezione

Kenji Agency : creazione  siti web a Treviso