Non sono mai abbastanza sicuro di quale sia il modo migliore e più semantico per gestire i livelli di intestazione nel markup HTML5, quando si hanno più sezioni. Da una parte ha senso avere un'intestazione H1 come titolo di una sezione o di un articolo, ma porta a queste situazioni strane quando l'intera struttura del documento è composta da intestazioni H1.
<header>
<h1>Site heading</h1>
</header>
...
<section>
<h1>Section heading</h1>
<article>
<h1>Article heading</h1>
...
</article>
...
<section>
<h1>Subsection heading</h1>
<article>
<h1>Subsection article heading</h1>
...
</article>
...
</section>
</section>
Questo è davvero il modo di farlo in HTML5? Sembra un po 'come se i tag direzionali non portassero più alcun valore semantico. Quando vedi un tag H1 in un markup, non ti dice nulla sulla posizione dei titoli nel contorno del documento.
D'altra parte, quando contrassegni i tuoi titoli gerarchicamente, come faresti prima del markup di HTML5, crea una situazione in cui un articolo ha un livello di intestazione diverso rispetto ad un altro, pur avendo lo stesso livello di una sottosezione, che non Non ha molto senso.
<header>
<h1>Site heading</h1>
</header>
...
<section>
<h2>Section heading</h2>
<article>
<h3>Article heading</h3>
...
</article>
...
<section>
<h3>Subsection heading</h3>
<article>
<h4>Subsection article heading</h4>
...
</article>
...
</section>
</section>
Da quello che ho letto, capisco che il primo modo è il modo corretto in HTML5, ma non mi sembra giusto. Avere spesso un intero sito senza una singola intestazione di terzo livello sembra strano, ma potrebbe essere solo un caso di vecchie abitudini che muoiono duramente da parte mia, forse?