HTML <bdo>-Tag
Das HTML <bdo>-Tag („Bidirectional Override“) legt die Textausrichtung von rechts nach links fest. Es wird hauptsächlich für Sprachen verwendet, die von rechts nach links gelesen werden (z. B. Arabisch).
Das Attribut dir ist für das <bdo>-Tag erforderlich. Es definiert die Textausrichtung und kann einen von zwei Werten annehmen: ltr oder rtl.
Sie sollten RTL-Wörter und -Sätze nicht ohne Markup verwenden, da dies zu Anzeigeproblemen führen kann. Um bidirektionalen Text zu isolieren und solche Probleme zu vermeiden, verwenden Sie das <bdi>-Element.
HTML5 unterstützt explizit Event-Attribute auf allen Elementen, einschließlich <bdo>.
Syntax
Das <bdo>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<bdo>) und dem schließenden (</bdo>)-Tag geschrieben.
Beispiel für HTML <bdo>-Text:
HTML-Tag <bdo>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Text from left to right </p>
<p>
<bdo dir="rtl">And this one, from right to left</bdo>.
</p>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| dir | ltr | rtl | Definiert die Textausrichtung von links nach rechts oder von rechts nach links. |
Das <bdo>-Tag unterstützt auch Globale Attribute und Event-Attribute.
So stylen Sie das HTML-Tag <bdo>
Sie können Standard-CSS-Eigenschaften auf das <bdo>-Element anwenden. Zum Beispiel:
bdo {
color: #333;
font-weight: bold;
background-color: #f0f0f0;
}Praxis
Was ist der Zweck des HTML <bdo>-Tags?