structure block

<h1>

Titre principal de la page ou du document. Il existe un seul h1 par page et représente le sujet central du contenu.

Description

L’élément <h1> est le titre de plus haut niveau. Il décrit le sujet principal de la page. Les moteurs de recherche et les technologies d’assistance lui accordent une importance particulière. Il doit être unique par page et refléter fidèlement le contenu.

Syntaxe

<h1>Titre principal de la page</h1>

Exemples

Page d’article de blog :

<main>
  <article>
    <h1>Introduction à CSS Grid</h1>
    <p>…</p>
    <section>
      <h2>Les colonnes</h2>
      <p>…</p>
    </section>
  </article>
</main>

Notes

Un seul <h1> par page : bien que la spécification HTML permette techniquement plusieurs <h1> (dans des sections imbriquées), la pratique recommandée — pour le SEO et l’accessibilité — est d’avoir un unique <h1> par page décrivant son sujet principal.

Hiérarchie logique : ne pas sauter de niveaux (passer de <h1> à <h3> sans <h2>) : cela perturbe la navigation des utilisateurs de lecteurs d’écran. La taille visuelle se contrôle via CSS, pas via le niveau du titre.

Support navigateurs

Chrome1+ · Firefox1+ · Safari1+ · Edge12+