HTML5 <bdi> tag

HTML <bdi> tag

The HTML5 <bdi> tag stands for Bi-Directional Isolation. It is used to inform the browser to differentiates a text from other text which may be formatted in a opposite direction than the surrounding text.

This tag is useful in languages like Arabic and Hebrew.

Let's take an Example of <bdi> tag:

<!DOCTYPE html>  
<html>  
<head>  
<title>Bdi tag</title>  
             <style>  
     bdi{ font-size: 25px; color: red; }  
       </style>  
</head>  
<body>  
<h2>HTML bdi tag</h2>  
<p>  
This <bdi> **** </bdi>  Content is written in Arabic language. 
</p>  
</body>  
</html>

Output

HTML bdi tag

This **** Content is written in Arabic language.

« Previous Next »

HTML5 Tutorial HTML5 article tag html5 header tag HTML5 Footer Tag HTML5 Main Tag HTML5 Detail Tag HTML5 Section Tag HTML5 <aside> Tag HTML5 <bdi> tag HTML 5 <progress> Tag HTML5 <summary> Tag html audio tag HTML5 <figcaption> tag html video tag HTML5 <nav> Tag

No Sidebar ads