English

<hr>

Séparer deux sujets visuellement et sémantiquement

  • HTML
  • accessibilité
  • sémantique
  • texte

<hr> — La séparation thématique

La balise <hr> marque une rupture thématique entre deux blocs de contenu au sein d'une même section. Ce n'est pas une ligne décorative : c'est un changement de sujet ou de scène.

Quand l'utiliser

Tu veux signaler un changement de sujet dans un article, une transition de scène dans un récit, ou une séparation entre deux groupes de contenu qui ne méritent pas leur propre <section>.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran annoncent "séparateur" quand ils rencontrent un <hr>. L'utilisateur sait qu'un nouveau thème commence.

Exemple de code

<article>
  <h2>Morning routine</h2>
  <p>Start with a glass of water and light stretching.</p>
 
  <hr>
 
  <h2>Evening routine</h2>
  <p>Wind down with reading and no screens.</p>
</article>

Pour aller plus loin