HTML — Titres h1 à h6
Les titres HTML dessinent le plan de la page. Utilisez h1 pour le sujet principal, puis h2 à h6 pour organiser les sous-parties selon leur place dans le contenu.
Les titres nomment la page et ses différentes parties. Les six niveaux, de h1 à h6, expriment une hiérarchie, pas une taille de texte. Un plan logique facilite le repérage, permet aux utilisateurs de lecteurs d’écran de passer d’une section à l’autre et aide les moteurs de recherche à comprendre l’organisation de la page.
Construire le plan avant de rédiger le contenu
Commencez par un h1 qui présente clairement le sujet principal de la page. Utilisez h2 pour les grandes parties et h3 pour les sous-parties d’un h2. Ajoutez des niveaux supplémentaires uniquement si le contenu le justifie.
<main lang="fr">
<h1>Guide du vélo en ville</h1>
<section>
<h2>Choisir un vélo</h2>
<h3>Vélos pour les trajets quotidiens</h3>
<h3>Vélos pliants</h3>
</section>
<section>
<h2>Préparer un trajet sûr</h2>
</section>
</main>- Présentez clairement le sujet de la page dans h1.
- Utilisez h2 pour chaque grande partie.
- Rattachez chaque h3 au h2 qu’il développe.
- Rédigez des titres courts et précis.
- N’utilisez pas de titre vide pour créer un espacement.