La structure d'un document html5 est une série de sections et de subsections qui peut être visualiser comme un document outline, une table des matières.
En utilisant les headings, il est possible de décrire à peu près la structure de document que l'on souhaite. Chaque heading créé implicitement une section (une section implicite).
On utilise les headings pour découper un document en section depuis l'html4.
Le problème est que les headings ne groupent pas les contenus. On utilisait jusque là des div avec des id qui leur donner plus de sens sémantique.
HTML5 introduit de nouveaux éléments sectionnant (4) :
À chaque fois qu'ils sont utilisés, une nouvelle sub-section du document est créé.
(html5 semantic grouping element)
Conçus pour grouper des éléments de manière signifiante
À date de 2015, pas encore implémenté dans les user-agents, on peut donc encore compter sur l'ancienne méthode (headers).