HTML Element - bdi

Das bdi-Tag sorgt dafür, dass Text mit unbekannter Schreibrichtung korrekt dargestellt wird, ohne den umliegenden Inhalt zu beeinflussen.

Beispiel

<h1>Rangliste</h1>
<ul>
<li>Mitglied: <bdi>وَردَة</bdi> 120 Punkte</li>
<li>Mitglied: <bdi>Frank</bdi> 110 Punkte</li>
<li>Mitglied: <bdi>Sören</bdi> 90 Punkte</li>
<li>Mitglied: <bdi>قطرات الندى</bdi> 89 Punkte</li>
</ul>

Definition und Verwendung

Das bdi-Tag isoliert einen Textabschnitt, dessen Schreibrichtung sich vom übrigen Text unterscheiden könnte.

Dieses Element ist nützlich, um nutzergenerierte Inhalte mit unbekannter Textrichtung einzubetten.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Unterstützung von Global- und Event-Attribute

Das bdi-Tag unterstützt sowohl Global- als auch Event Attribute in HTML.

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des bdi durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element Firefox Internet Explorer / Edge Safari Chrome Opera
<bdi>
seit Version: 10.0 79.0 26.3-TP 16.0 15.0