In this article, I describe the implementation and use of the Bi-Directional Override (bdo) tag in HTML5.
Bdo Tag
The <bdo> tag defines the current text direction. It overrides the Unicode bidirectional algorithm by explicitly specifying a direction override. This tag in HTML5 is very much similar to the <bdo> tag in HTML4.01.
Attributes used in <bdo> tag
-
dir: It specifies the direction of the text inside the <bdo> tag.
Syntax
<bdo dir="value">
where value="rtl" (It is used to specify right to left text direction.)
value="ltr" (It is used to specify left to right text direction.)
Browser Support
The <bdo> tag is supported by all major browsers.
Coding of <bdo> tag in HTML5
<!DOCTYPE html>
<html>
<head>
<title>Bdo Tag in HTML5<title>
</head>
<body>
<h1 style="color:Blue">Implementation of <bdo> tag in HTML5</h1>
<p>This article is used to describe <bdo> tag in HTML5.</p>
<p><bdo dir="rtl">This article is used to describe <bdo> tag in HTML5.</bdo></p>
<p><bdo dir="ltr">This article is used to describe <bdo> tag in HTML5.</bdo></p>
</body>
</html>
Output
![bdo.jpg]()