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