MDN will be in maintenance mode on Wednesday September 20th, starting at 10 AM Pacific / 5 PM UTC, for about 1 hour.

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
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éChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 (Oui)15.5 — 711.74
FonctionnalitéAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple (Oui) (Oui) (Oui)1 ? ? ?

Étiquettes et contributeurs liés au document

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