Das Tag <bdi> (aus Eng. bidirectional isolation - bidirektionale Isolation) verwendet man für die Isolation eines bidirektionalen Textes (ein Text, der gleichzeitig einige Sprachen, die von linls nach rechts und von rechts nach links gelesen werden, enthält). Bemerken Sie bitte, dass das Tag <bdi> die Richtung des Textes nicht ändert, es informiert nur dem Browser, den Text in andere Richtung zu lesen.

Syntax

Der Inhalt des Elements wird zwischen den Start- (<bdi>) und Endtags (</bdi>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
 <head>
    <title>Der Titel des Dokuments</title>
  </head>
   <body>
       <h1>bdi Element im Gebrauch</h1>
       <p dir="ltr"><bdi>أرمينيا جميلة</bdi> Dieser arabische Satz wird automatisch von rechts nach links angezeigt.</p>
   </body>
</html>

Ergebnis

bdi beispiel

Attribute

Das Tag <bdi> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome firefox safari opera

Übe dein Wissen

Was ist die Funktion des HTML-Tags <bdi>?
Finden Sie das nützlich?