<wbr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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.

Exemple interactif

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 (cf. BiDi. 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.
  • Pour 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

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).

Résumé technique

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

Spécifications

Specification
HTML Standard
# the-wbr-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi