The HTML5 <bdi> tag denotes Bi-Directional Isolation.
This tells the browser to treat a particular text in isolation with its nearby surrounding texts.
Suppose, you want to insert a text dynamically and you do not know the direction of the text, then it is a good idea to code the text inside the <bdi> tag.
In short, this will format the text in different direction.
How Browser will display
Difference between HTML4.01, XHTML and HTML5
|NA||NA||This is a New tag in HTML5|
Attributes used with the <bdi> tag
The dir attribute behaves in a different way when used with the <bdi> tag.
The different behavior is that the default value of the dir attribute is auto when you use this with the <bdi> tag.
The <bdi> tag supports Global attributes.
The <bdi> tag supports Event attributes.