<hr>

Description

L’élément <hr> représente une séparation thématique entre des paragraphes ou des sections. Il indique un changement de sujet, de scène ou de thème dans le contenu. Sa valeur est sémantique — pour un séparateur purement visuel, utiliser CSS (border, hr { visibility: hidden }).

Syntaxe

<hr>

Exemples

Séparation entre deux sujets dans un article :

<p>CSS Grid est idéal pour les mises en page à deux dimensions.</p>

<hr>

<p>Flexbox est plus adapté aux composants unidimensionnels.</p>

Séparation dans une narration :

<p>Le détective examinait les indices…</p>
<hr>
<p>Trois heures plus tard, dans un autre quartier de la ville…</p>

Notes

Sémantique vs visuel : <hr> a une signification sémantique (rupture thématique). Pour une ligne décorative, utiliser border CSS ou un <div> avec un style approprié.

Style par défaut personnalisable : le rendu par défaut (border: 1px inset) peut être entièrement personnalisé via CSS. Exemple : hr { border: none; border-top: 2px solid currentColor; }.