HTML <bdi> Tag: The BDI tag is the acronym of Bi-Directional Isolation. The HTML BDI tag isolates a part of the text that can be formatted in a different direction. The HTML <bdi> tag supports both global and event attributes. This tag is used when a user-generated text with unknown directions.
HTML <bdi> Tag
The HTML <bdi> tag supports both global and event attributes.
Syntax: <bdi>–content–</bdi>
Browser compatibility
The HTML <bdi> tag is supported by different types of browsers. And It is not supported by Internet Explorer.
- Chrome
- Safari
- Firefox
- Opera
Example:
<!DOCTYPE html> <html> <body> <ul> <li>User <bdi>hrefs</bdi>: 60 points</li> <li>User <bdi>jdoe</bdi>: 80 points</li> <li>User <bdi>Raj</bdi>: 90 points</li> </ul> </body> </html>
Output:
- User hrefs: 60 points
- User jdoe: 80 points
- User Raj: 90 points