En bref. La structure des titres HTML utilise h1 à h6 pour exprimer les relations entre les sections que les lecteurs et les technologies d’assistance peuvent identifier.

Définition : La structure des titres HTML est la hiérarchie des titres de section exprimée par les éléments h1 à h6. Elle identifie les sujets et leurs sous-sections dans le plan du document, c’est-à-dire l’ensemble ordonné des titres d’une page.

Points clés

La norme HTML du WHATWG attribue les niveaux de titre selon le nom des éléments : h1 marque une section de premier niveau, h2 une sous-section et h3 une sous-section de cette dernière.
Le tutoriel sur les titres du W3C recommande d’imbriquer les titres selon leur niveau et d’éviter de sauter des niveaux à l’ouverture de sous-sections.
La technique H42 du W3C explique que le balisage des titres permet aux lecteurs d’écran d’annoncer le texte d’un titre et son niveau.
Le projet de document Headings - Easy Checks du W3C demande aux personnes chargées de la vérification de rechercher les titres vides et les textes qui ressemblent visuellement à des titres sans en avoir le balisage.

Comment les niveaux de titre organisent-ils un document ?

Au 17 octobre 2026, les règles de la norme HTML sur le plan du document imposent que le niveau de chaque titre soit inférieur, égal ou supérieur d’au plus un à celui du titre précédent. L’exemple conforme de la norme comprend cette structure :

<h1>Apples</h1>
<p>Apples are fruit.</p>
<section>
  <h2>Taste</h2>
  <p>They taste lovely.</p>
</section>

La norme définit également headingoffset, un attribut qui ajuste les niveaux des titres descendants. L’exemple ci-dessus utilise les niveaux par défaut.

Le tutoriel sur les titres du W3C distingue l’ouverture d’une sous-section de sa fermeture : passer directement de h2 à h4 saute un niveau, tandis que revenir de h4 à h2 ferme les sous-sections précédentes et ouvre une nouvelle section.

Qu’apportent les titres aux lecteurs ?

La technique H42 du W3C décrit les titres comme des informations que les technologies d’assistance peuvent identifier dans le code. Un lecteur d’écran peut annoncer le niveau d’un titre et passer d’un titre à l’autre. L’exemple hiérarchique de cette technique place des titres h3 consacrés à différents fruits sous une section sur les fruits de niveau h2.

Le projet de document Easy Checks explique que les utilisateurs de lecteurs d’écran peuvent accéder à une liste des titres et à leur structure pour obtenir une vue d’ensemble de la page. Les personnes malvoyantes s’appuient sur la présentation visuelle des titres pour comprendre les sujets avant de zoomer pour lire les paragraphes. Les mêmes recommandations préconisent des titres concis qui décrivent le texte qui suit.

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

La procédure du projet Easy Checks du W3C propose un favori « Check headings ». Telle qu’elle est documentée au 17 octobre 2026, la procédure consiste à ajouter le lien à la barre de favoris du navigateur, à ouvrir la page à examiner, puis à activer le favori.

La vérification porte sur la présence d’un h1 en tête de liste, les sauts de niveau et la correspondance entre le texte des titres et le contenu qui suit. Elle porte aussi sur la manière dont les titres imbriqués représentent la structure du contenu.

La procédure de test de la technique H42 ajoute une vérification complémentaire : les véritables titres du contenu reçoivent un balisage de titre au niveau approprié, et les autres contenus n’utilisent pas ce balisage. Cela permet de repérer les deux types d’erreurs, notamment les textes mis en forme pour ressembler à des titres et les textes ordinaires balisés comme des titres.

Termes associés

Questions fréquentes

Chaque titre doit-il être placé dans un élément section ?

La norme HTML donne des plans équivalents avec et sans éléments section englobants explicites. Vous pouvez exprimer cette hiérarchie à l’aide des éléments de titre eux-mêmes.

Chaque zone de la page doit-elle suivre les niveaux de titre de la zone de contenu ?

Le tutoriel sur les titres du W3C prévoit une exception pour les sections fixes, comme les barres latérales. Il recommande de conserver des niveaux de titre cohérents pour ces sections d’une page à l’autre lorsque ceux de la zone de contenu changent.

Sources

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

Structure des titres HTML