Introduction
In this article, I describe the implementation and use of the Bi-Directional Override (bdo) tag in HTML5.
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 the 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