En bref. Le HTML sémantique utilise les éléments selon leur sens défini pour décrire la structure du document et la fonction du contenu.

Définition : Le HTML sémantique consiste à utiliser les éléments HTML selon leur sens défini pour exprimer la structure et la fonction du contenu web. Le standard HTML du WHATWG définit ce sens pour les logiciels qui traitent les documents, notamment les navigateurs et les moteurs de recherche.

Points clés

La section du standard HTML consacrée à la sémantique du WHATWG attribue un sens aux éléments, aux attributs et aux valeurs d’attributs, et impose aux auteurs de les utiliser conformément à leur fonction prévue.
Le chapitre du standard consacré aux sections définit article comme un contenu autonome et section comme un regroupement thématique, généralement accompagné d’un titre.
Le chapitre consacré au regroupement de contenu définit main comme le contenu dominant du document et div comme un conteneur sans signification particulière.
Le tutoriel sur les titres du W3C WAI recommande d’imbriquer les titres selon leur niveau et d’éviter, dans la mesure du possible, de sauter des niveaux.

Quels éléments décrivent la structure d’un document ?

Le chapitre consacré aux sections du WHATWG définit article comme un contenu réutilisable de manière indépendante, par exemple un billet de blog. Un élément section regroupe du contenu autour d’un thème, généralement avec un titre ; les chapitres en sont un exemple.

Le même chapitre réserve principalement nav aux grands blocs de navigation et définit aside pour les contenus annexes, comme les encadrés latéraux. Un élément header regroupe des éléments d’introduction ou d’aide à la navigation. Un élément footer concerne l’élément de sectionnement qui le contient le plus directement, ou le corps du document en l’absence d’un tel élément, et peut contenir des informations sur l’auteur ou des liens connexes.

À quoi ressemble le balisage sémantique ?

Cet exemple associe la structure des éléments article et section définie par le WHATWG à l’élément main, qui entoure le contenu dominant :

<main>
  <article>
    <h1>Guide de la structure d’une page</h1>
    <p>Ce guide explique la structure d’un document.</p>
    <section>
      <h2>Contenu principal</h2>
      <p>L’élément main représente le contenu dominant du document.</p>
    </section>
  </article>
</main>

L’élément article correspond au guide autonome ; section identifie un sujet au sein de ce guide. Les titres expriment leur relation. Le chapitre consacré au regroupement de contenu n’autorise qu’un seul élément main sans attribut hidden dans un document.

Comment vérifier la structure d’un site web ?

La vérification consiste à comparer le sens de chaque élément à son contenu réel. Les règles sémantiques du WHATWG considèrent explicitement qu’un élément utilisé pour une fonction inadéquate pose un problème de conformité, même lorsque le balisage est syntaxiquement correct.

L’ordre des titres nécessite aussi une vérification. Les recommandations sur les titres du W3C WAI déconseillent de passer directement de h2 à h4 pour ouvrir une sous-section. Revenir de h4 à h2 peut en revanche clore correctement la sous-section précédente et ouvrir une autre section. Les navigateurs et les technologies d’assistance peuvent utiliser les titres pour la navigation au sein d’une page.

Pour la recherche par IA, au 17 octobre 2026, la documentation de Google sur les fonctionnalités d’IA recommande de rendre les contenus importants accessibles sous forme de texte et précise qu’AI Overviews et AI Mode ne nécessitent aucun balisage particulier. La structure sémantique relève donc du travail habituel de rédaction du HTML et d’accessibilité des contenus.

Termes associés

Questions fréquentes

Faut-il remplacer chaque div par une section ?

Utilisez section lorsque le contenu forme une partie thématique du document. Le chapitre consacré aux sections du WHATWG recommande div pour un conteneur nécessaire uniquement à la mise en forme ou aux scripts.

Peut-on sauter des niveaux de titre pour revenir à un autre sujet ?

Oui. Le tutoriel sur les titres du W3C WAI autorise le retour de h4 à h2 lorsque la sous-section précédente se termine ; il déconseille de sauter des niveaux à l’ouverture de sous-sections.

Faut-il des balises sémantiques particulières pour les fonctionnalités d’IA de Google ?

Les recommandations de Google sur les fonctionnalités d’IA précisent qu’aucun nouveau balisage n’est nécessaire pour AI Overviews ou AI Mode. Gardez vos contenus importants accessibles sous forme de texte.

Sources

Vérifiez comment une page se lit pour les moteurs de réponse. Ouvrir l’analyseur de score GEO