Introduction

In this article, I describe the implementation and use of the Bi-Directional Isolation (Bdi) Tag in HTML5.

Bdi Tag

The <bdi> tag is used on a span of text that is to be isolated from its surrounding text for Bidirectional text formatting. This element is useful when embedding user-generated content with an unknown directionality.
The <bdi> tag is new in HTML5.
Browser Support
The <bdi>tag is currently supported in Firefox and Chrome.
Coding of the <bdi> tag in HTML5
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bdi Tag in HTML5</title>
  5. </head>
  6. <body>
  7. <h1 style="color:Blue">Implementation of <bdi> tag in HTML5</h1>
  8. <ul>
  9. <li>Player<bdi>Sachin</bdi>= 18000 runs</li>
  10. <li>Player<bdi>Sorav</bdi>= 15000 runs</li>
  11. <li>Player<bdi>Dravid</bdi>= 13000 runs</li>
  12. <li>Player<bdi>Yuvraj</bdi>= 8000 runs</li>
  13. </ul>
  14. </body>
  15. <!html>
Output
bdi.jpg