HTML <bdi> Tag
Example
Isolate the usernames from the surrounding text-direction settings:
<ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إيان</bdi>: 90 points</li>
</ul>
Try it Yourself »
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إيان</bdi>: 90 points</li>
</ul>
Definition and Usage
BDI stands for Bi-Directional Isolation.
The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.
This element is useful when embedding user-generated content with an unknown directionality.
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <bdi> | Yes | Not supported | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
The <bdi> tag is new in HTML5.
Global Attributes
The <bdi> tag also supports the Global Attributes in HTML.
Event Attributes
The <bdi> tag also supports the Event Attributes in HTML.
