<wbr>

L'élément HTML <wbr> permet de représenter un emplacement où casser la ligne si nécessaire. Le navigateur pourra alors utiliser cet emplacement pour effectuer un saut de ligne si le texte est trop long et qu'en temps normal, une règle empêche le saut de ligne.

Catégories de contenu Contenu de flux, contenu phrasé.
Contenu autorisé Aucun, cet élément est un élément vide.
Omission de balise Cet élément est un élément vide, il doit avoir une balise de début et ne doit pas avoir de balise de fin.
Parents autorisés Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement

Attributs

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

Notes

  • Sur les pages encodées en UTF-8, <wbr> se comporte comme le point de code U+200B ZERO-WIDTH SPACE, il se comporte notamment comme un point de code Unicode bidi BN, ce qui signifie qu'il n'a aucun effet sur l'ordre bidirectionnel. Autrement dit : <div dir=rtl>123,<wbr>456</div> sera affiché comme 123,456 et non comme 456,123 lorsqu'il n'y a pas de saut de ligne.
  • Pöur la même raison, l'élément <wbr> n'introduit pas de trait d'union à la fin de ligne. Pour avoir ce caractère, il faudra utiliser l'entité (&shy;) (soft-hyphen).
  • Cet élément a été initialement implémenté par Internet Explorer 5.5 et est défini officiellement dans la spécification HTML5.

Exemples

HTML

<p>http://voici<wbr>.une<wbr>.très<wbr>.très<wbr>.longue<wbr>.URL<wbr>.com/avec<wbr>/pleins<wbr>/de<wbr>/niveaux<wbr>/de<wbr>/pages</p>

Résultat

Note : Le guide stylistique de Yahoo recommande de casser une URL avant la ponctuation afin d'éviter toute ambiguïté sur la fin de l'URL (l'utilisateur pourrait croire que l'URL se finit en fin de ligne alors qu'elle se poursuit plus loin).

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<wbr>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<wbr>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 (Oui) 1.0 Pas de support[1] 11.7 4.0
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 1.5 (Oui) 1.0 Pas de support Pas de support Pas de support

[1] La prise en charge de la balise <wbr> a démarrée avec Internet Explorer 5.5 mais cet élément a été retiré à partir d'IE7.

Étiquettes et contributeurs liés au document

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