<wbr>
Suggérer où couper un mot long sans imposer la coupure
<wbr> — La césure suggérée
La balise <wbr> (Word Break Opportunity) indique un point où le navigateur peut couper un mot long si la ligne est trop étroite. Contrairement a <br>, elle ne force pas le saut : elle le permet.
Quand l'utiliser
Tu as un mot très long (URL, identifiant technique, mot composé en allemand) qui risque de déborder de son conteneur sur les petits écrans. Place un <wbr> aux points de coupure naturels.
Ce que tu gagnes
Accessibilité : le texte reste lisible sur tous les écrans sans débordement horizontal. Les utilisateurs qui zooment à 400% ne perdent pas de contenu.
Exemple de code
<p>
Visit
<code>https://example.com/<wbr>very-long-path/<wbr>to-a-resource</code>
for more details.
</p>