HTML 5 <bdi> Tag
The <bdi> tag refers to the Bi-Directional Isolation. It differentiates a text from other text that may be formatted in a different direction. This tag is used when a user-generated text with unknown directions.
Note: This tag is new in HTML5.
Syntax:
<bdi> Contents... </bdi>
Example: The below example illustrate the bdi tag.
html
<!DOCTYPE html><html> <body> <!--This is heading Tag --> <h1>GeeksforGeeks</h1> <!--bdi Tag used in unordered list --> <ul> <li><bdi class="name">Himanshu Jha</bdi>: indian name</li> <li><bdi class="name">الرجل القوي إيان</bdi>: arabic name</li> </ul> </body></html> |
Output:
Supported Browsers:
- Google Chrome 16 and above
- Edge 79 and above
- Firefox 10 and above
- Internet Explorer not supported
- Opera 15 and above
- Safari 6 and above
Please Login to comment...