HTML < bdi > Tag - Learn About Website

HTML <bdi> Tag

Example

Isolate the usernames from the surrounding text-direction settings:

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>Kashif</bdi>: 90 points</li>
</ul>

Definition and Usage

bdi stands for Bi-directional Isolation.

The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.

This element is useful when embedding user-generated content with an unknown directionality.

Differences Between HTML 4.01 and HTML5

The <bdi> tag is new in HTML5.