<bdi> Tag in HTML5
The <bdi>tag is new in HTML5, it stands for Bi-directional isolation. The purpose of <bdi> tag to inform the browser to isolate the span of text which may be formatted in opposite directions than the surrounding text.
Important Description
- The <bdi> element isolates the content from its surrounding content.
- The <bdi> tag use to differentiates a text from other text.
- Open and close tag required of <bdi>.
- <bdi> tag ignor the <bdo> tag.
- It useful for Arabic or Hebrew languages
Example of <bdi> Tag
Result Look Like
Example of BDI tag in HTML5
This paragraph use to present
bdi tag.
The content may be Arabic Language
BDI Tag
right to left
<bdi> tag Browsers Support
| Element |
Chrome |
Edge |
Firefox |
Safari |
Opera |
| <bdi> |
Yes |
No |
Yes |
Yes |
Yes |
Global Attributes
- The <bdi> tag supports all the Global Attributes in HTML.
- The <bdi> tag doesn't have any specific attribute.
Event Attributes