Bdi Tag in HTML5


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>