Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <wbr>

Het <wbr>-HTML-element vertegenwoordigt een woordafbrekingsmogelijkheid — een positie binnen tekst waar de browser eventueel een regel mag afbreken, ook al zouden de normale regelafbrekingsregels op die plek geen afbreking veroorzaken.

Code
<div id="example-paragraphs">
  <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
  <p>Fernstraßen<wbr />bau<wbr />privat<wbr />finanzierungs<wbr />gesetz</p>
  <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
</div>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Opmerkingen

<wbr> gedraagt zich als het codepunt U+200B ZERO-WIDTH SPACE. Het gedraagt zich met name als een Unicode bidi BN-codepunt, wat betekent dat het geen effect heeft op de bidi-volgorde: <div dir=rtl>123,<wbr>456</div> toont, wanneer niet over twee regels afgebroken, 123,456 en niet 456,123.

Om dezelfde reden voegt het <wbr>-element geen koppelteken toe op het afbrekingspunt. Om alleen aan het einde van een regel een koppelteken te tonen, gebruikt u in plaats daarvan de tekencode voor het zachte koppelteken (&shy;).

Voorbeelden

De Yahoo Style Guide raadt aan om een URL vóór leestekens af te breken, om te voorkomen dat er een leesteken aan het einde van de regel achterblijft, waarvan de lezer zou kunnen denken dat het het einde van de URL is.

HTML
<p>
  http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>

Resultaat

Technische samenvatting

Content categories Flow content, phrasing content.
Toegestane inhoud Leeg
Weglaten van tags Moet een begintag hebben en mag geen eindtag hebben.
Toegestane ouders Elk element dat phrasing content accepteert.
Impliciete ARIA-rol Geen bijbehorende rol
Toegestane ARIA-rollen Elke
DOM-interface HTMLElement

Zie ook

Verwante elementen