HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <bdi> Tag

Das HTML <bdi>-Element (bidi-seitiges Isolationselement) isoliert externen Text, der möglicherweise in einer anderen Richtung formatiert wird. Wenn die Richtung des eingefügten Textes nicht bekannt ist, z.B. Text aus einer Datenbank (mit Textdirection), ist dieses Element sehr nützlich.

Online-Beispiel

Trennen Sie den Benutzernamen aus der umgebenden Textausrichtung heraus:

Beispiel

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Grundlagen-Tutorial(oldtoolbag.com)<//title>　
</head>
<body><ul>
　　　<li><bdi class="name">Evil Steven</bdi>:　1st place</li>
　　　<li><bdi class="name">François fatale</bdi>:　2nd place</li>
</ul>
</body>
</html>

Test and See ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Definition and Usage of Tags

bdi stands for bidi isolation (Bi-directional Isolation).-Directional Isolation).

The <bdi> tag allows you to set a block of text so that it is independent of the text direction setting of its parent element.

It is very useful when publishing user comments or other content that you cannot fully control.

HTML 4.01 and HTML5Difference Between

<bdi> Tag is an HTML5 New Tags.

Global Attributes

Support for <bdi> Tag Global Attributes of HTML.

Event Attributes

Support for <bdi> Tag HTML Event Attributes.

HTML: <bdo> Tag HTML: <basefont> Tag