<wbr>

Description

L’élément <wbr> (Word Break Opportunity) indique un point de coupure possible dans un texte long. Le navigateur peut y couper la ligne si nécessaire, mais ne le fait pas systématiquement. Utile pour les URLs longues, les mots composés ou les chaînes sans espaces.

Syntaxe

<p>Cette<wbr>URL<wbr>très<wbr>longue<wbr>peut<wbr>être<wbr>coupée.</p>

Exemples

URL longue :

<p>Visitez <a href="https://www.exemple.com/categorie/sous-categorie/produit-tres-long">
  https://www.exemple.com/<wbr>categorie/<wbr>sous-categorie/<wbr>produit-tres-long
</a></p>

Mot composé long :

<p>Le <em>Kraftfahrzeug<wbr>haftpflicht<wbr>versicherung</em> est la RC auto obligatoire en Allemagne.</p>

Notes

<wbr> vs CSS word-break : <wbr> indique des points de coupure sémantiques précis ; CSS word-break: break-all coupe n’importe où. Préférer <wbr> pour contrôler la coupure sur des URLs ou des termes techniques spécifiques.

<wbr> vs ­ : ­ (tiret conditionnel) insère un tiret visible au point de coupure ; <wbr> ne laisse aucun signe typographique visible.