<wbr>

Ajouté dans HTML5

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 (&shy;) 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

Contenu autorisé Aucun, c'est un élément vide; il doit avoir une balise au début mais ne doit pas en avoir à la fin.
Omission de balises Étant un élément vide, cet élément doit avoir une balise de début et ne pas avoir de balise de fin.
Éléments parents autorisés Tout élément acceptant du contenu phrasé.
Document normatif HTML 5, section 4.5.30 (en anglais).

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>http://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

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support basique 1.0 1.0 5.5—7.0 11.7 4.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support basique 1.5 1.0 Pas de support Pas de support Pas de support

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : cdr, louuis, SphinxKnight, tregagnon, teoli, Omnilaika02
 Dernière mise à jour par : cdr,