<wbr>: Das Line Break Opportunity-Element

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.

Das <wbr> HTML-Element repräsentiert eine Worttrennungsmöglichkeit — eine Position im Text, an der der Browser optional eine Zeile brechen kann, obwohl seine Zeilenumbruchregeln ansonsten keinen Umbruch an dieser Stelle erzeugen würden.

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Hinweise

Auf UTF-8 codierten Seiten verhält sich <wbr> wie der U+200B ZERO-WIDTH SPACE Codepunkt. Insbesondere verhält es sich wie ein Unicode bidi BN Codepunkt, was bedeutet, dass es keinen Effekt auf die bidi-Reihenfolge hat: <div dir=rtl>123,<wbr>456</div> zeigt, wenn nicht auf zwei Zeilen gebrochen, 123,456 und nicht 456,123.

Aus demselben Grund führt das <wbr>-Element keinen Bindestrich an der Zeilenumbruchstelle ein. Um einen Bindestrich nur am Zeilenende anzuzeigen, verwenden Sie stattdessen das weiche Bindestrich-Zeichen ().

Beispiele

Der Yahoo Style Guide empfiehlt, einen URL vor einem Satzzeichen zu brechen, um zu vermeiden, dass ein Satzzeichen am Zeilenende stehen bleibt, das der Leser möglicherweise als Ende des URL missversteht.

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>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Flussinhalt, Phraseninhalt.
Erlaubter Inhalt	Leer
Tag-Auslassung	Muss einen Start-Tag haben und darf keinen End-Tag haben.
Erlaubte Eltern	Jedes Element, das Phraseninhalt akzeptiert.
Implizite ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard # the-wbr-element

Browser-Kompatibilität

BCD tables only load in the browser