HTML5 <bdi> Tag
Topic: HTML5 Tags ReferencePrev|Next
Description
The <bdi> (stands for bi-directional isolation) element represents a span of text that is isolated from other text for the purposes of formatting in a different direction.
The following table summarizes the usages context and the version history of this tag.
| Placement: | Block |
|---|---|
| Content: | Inline, and text |
| Start/End Tag: | Start tag: required, End tag: required |
| Version: | New in HTML5 |
Syntax
The basic syntax of the <bdi> tag is given with:
HTML / XHTML: <bdi> ... </bdi>
The example below shows the <bdi> tag in action.
Example
Try this code »<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>Tag-Specific Attributes
The <bdi> tag doesn't have any specific attribute.
Global Attributes
Like all other HTML tags, the <bdi> tag supports the global attributes in HTML5.
Event Attributes
The <bdi> tag also supports the event attributes in HTML5.
Browser Compatibility
The <bdi> tag is supported in all major modern browsers.
 |
Basic Support—
|
Further Reading
See tutorial on: HTML Text Formatting.
Related tags: <bdo>.
