<wbr>

Résumé

L'élément HTML <wbr> (pour Word Break Opportunity) représente une position dans le texte où le navigateur peut éventuellement revenir à la ligne, même si cela enfreint les règles habituelles de saut de ligne.

Sur les pages codées en UTF-8, <wbr> se comporte comme le point de code U+200B - Espace sans chasse. En particulier, il se comporte comme un code point Unicode bidi BN, ce qui signifie qu'il n'a aucun effet sur la directive bi-directionnelle : <div dir=rtl>123,<wbr>456</div> affiche par exemple, si aucun saut de ligne n'est introduit, « 123,456 » et non « 456,123 ».

Pour la même raison, l'élément <wbr> n'insère pas de trait d'union au point de césure. Afin de définir un trait d'union apparaissant uniquement à la fin d'une ligne, il convient d'utiliser l'entité de trait d'union souple (­) en lieu et place.

Cet élément a d'abord été implémenté dans Internet Explorer 5.5 et a été officiellement défini dans HTML5.

Contexte d'utilisation

Attributs

Cet élément n'accepte que les attributs globaux.

Interface DOM

Cet élément implémente l'interface HTMLElement.

Exemple

Le Yahoo Style Guide recommande de couper une URL avant la ponctuation (document en anglais), afin d'éviter de laisser un signe de ponctuation à la fin de la ligne, signe que le lecteur pourrait prendre pour la fin de l'URL.

<p>https://ceci<wbr>.est<wbr>.un<wbr>.très<wbr>.très<wbr>.long<wbr>.exemple/avec<wbr>/plusieurs<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages<wbr>/niveaux<wbr>/de<wbr>/pages</p>

Compatibilité des navigateurs