|<- [[hsss:HTML5 content models]]|[[hsss:Defining HTML5 documents]] ->|

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.

=====heading====

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.

===== éléments sectionnant en html5 =====

HTML5 introduit de nouveaux éléments sectionnant (4) :
  - article
  - aside
  - nav
  - section

À chaque fois qu'ils sont utilisés, une nouvelle sub-section du document est créé.

===== élément de groupage sémantique html5====
(html5 semantic grouping element)

Conçus pour grouper des éléments de manière signifiante
  - footer
  - header
  - main

===== Algorithme d'outlining =====

À date de 2015, pas encore implémenté dans les //user-agents//, on peut donc encore compter sur l'ancienne méthode (//headers//).