Tag <bdo>

Tag <bdo>

Definition

Status: Aktueller Standard

Das Tag <bdo> steht für bidirectional override (Richtungsüberschreibung).

Das <bdo>-Tag ist ein HTML-Element, das es erlaubt, die Schreibrichtung eines Textes explizit zu überschreiben. Es wird verwendet, um Text in einer anderen Schreibrichtung als der umgebenden Umgebung darzustellen – z.B. um rechts-nach-links-Schrift (Arabisch) links-nach-rechts darzustellen oder umgekehrt. Das <bdo>-Element ist besonders nützlich, wenn dynamisch generierte Inhalte (z.B. Benutzernamen oder Sprachinhalte) in einer anderen Schreibrichtung dargestellt werden sollen als die Standard-Schreibrichtung der Seite. Hierfür ist das Attribut "dir" zwingend erforderlich!

Syntax

<bdo dir="wert">...</bdo>

Attribute bzw. Unterelemente

dir

Zur Angabe der Schriftrichtung:
rtl: right-to left (rückwärts)
ltr: left-to-right (vorwärts)

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <bdo> - Text normal und rückwärts

Der Code:

<p>Dieser Text ist normal.</p>
<p><bdo dir="rtl">Dieser Text wird von rechts nach links gelesen.</bdo></p>

Ergebnis:

Ergebnis: <bdo>-Demo 1
Text normal und rückwärts

Durch <bdo> wird eine Schreibrichtung erzwungen. In diesem Fall wird der Text von rechts nach links (Wert: "rtl" = "right-to-left") dargestellt, obwohl die umgebende Seite eine andere Schreibrichtung hat.

Anmerkungen

Bitte <bdo> nicht mit <bdi> verwechseln. Mit <bdi>: "Ich weiß nicht, welche Richtung dieser Text hat, bitte behandle ihn neutral und isoliert". Mit <bdo>: Ich weiß genau, was ich tue. Erzwinge diese Schreibrichtung (z.B. mit dir="rtl"), egal was der Browser denkt".