HTML <bdi>Tag
Examples
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 »
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <bdi> | Yes | Not supported | Yes | Yes | Yes |
Tag Definition and Usage Instructions
bdi stands for Bi-directional Isolation.
The <bdi> tag allows you to set a piece of text to be isolated from the text direction settings of its parent element.
This tag is useful when publishing user comments or other content that you cannot fully control.
Differences between HTML 4.01 and HTML5
The <bdi> tag is a new tag in HTML5.
Global Attributes
The <bdi> tag supportsHTML global attributes。
Event Attributes
The <bdi> tag supportsHTML event attributes。
Other Extensions