HTML <bdi> tag
When writing in HTML (hypertext markup language), the <bdi> tag is an inline element used to encapsulate text printed in a different direction than the rest of the page. For instance, the Arabic language is written right-to-left. If Arabic text is to be included in an English language page, the bdi element helps the web browser render the Arabic text correctly. It's also useful if the direction of the text is unknown, or variable. An example of text with an unknown direction is text input by a user, or loaded dynamically from a database.
The acronym bdi is short for "bidirectional isolation."
Attributes
Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair. While the <bdi> tag does not have any unique attributes, it does utilize all of the standard attributes.
Compatibility
Edge | Internet Explorer | Firefox | Safari | Opera | Chrome |
---|---|---|---|---|---|
Not supported | Not supported | 10.0+ | Not supported | Not supported | 16.0+ |
<bdo>, Browser, Compatibility, Computer acronyms, Container tag, Insert, TLA, Web design terms, Web page