Le tag HTML <wbr> indique au navigateur, qu’on peut faire le transfert de ligne si nécessaire. Cet élément est différent du tag <br> le fait que lorsque vous utilisez le tag <br>, le navigateur transfère nécessairement le contenu de l'élément sur une nouvelle ligne et si vous utilisez le tag <wbr>, le navigateur analyse d'abord le contenu de l'élément, puis transfère si long mot ou URL).

Lorsque vous transportez du texte, les navigateurs n’ajoutent pas de trait d’union. Un trait d'union peut être simulé en remplaçant le tag <wbr> par le symbole de transfert logiciel et timide.

Syntaxe

Le tag <wbr> n'est pas apparié; le tag fermant </wbr> n’est pas requis.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Exemple de la chaine longue de texte sans wbr.</p>
    <p>C'est le mot le plus long en anglais pneumonoultramicroscopicsilicovolcanoconiosis</p>
    <p>Exemple de la chaine longue de texte avec wbr.</p>
    <p>C'est le mot le plus long en anglais pneumono<wbr>ultra<wbr>micro<wbr>scopic<wbr>silico<wbr>volcano<wbr>coniosis</p>
    </p>
  </body>
</html>tps

Résultat

chaine

Attributs

Le tag <wbr> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome firefox safari opera
1+ 3+ 4+ 11.7+

Pratiquez vos connaissances

Qu'est-ce que la balise HTML 'wbr' fait?
Trouvez-vous cela utile?