10 Jul HTML5 bdi tag

Posted at 13:45h in HTML5 by

The full form of BDI is Bi-Directional Isolation. If you want to print a text that is different in direction (such as right-to-left) from the texts surrounding it, then use the HTML5 bdi tag. Here, you can consider an example of Arabic language, which is right-to-left.

Let’s say you want to include user-generated content, with directional, known only to the user. For that, use <bdi> tag,

Example

<!DOCTYPE html>
<html>
<head>
<title>Understanding HTML5 bdi tag</title>
</head>
<body>
  Favorite tourist destination selected by users,
  <ul>
     <li><bdi> المغربية </bdi>: It is a country in Africa.</li>
  </ul>
</body>
</html>

Here’s the output showing the usage of HTML5 bdi tag,

HTML5 bdi tag

HTML5 aside Tag
HTML5 canvas tag
Print page
0 Likes
Studyopedia Editorial Staff
contact@studyopedia.com

We work to create programming tutorials for all.

No Comments

Post A Comment