bdo Tag System: Main Tips
- The HTML
<bdo>tag system manipulates the direction of the text.
<bdo>executes the right to left override to display languages such as Hebrew or Arabic correctly.
- While there is nothing wrong with using the
<bdo>element, it is better to apply <bdi> to prevent issues with the displayed content.
Theory is great, but we recommend digging deeper!
Use of bdo
<bdo> tag system defines bidirectional text override. In case you need to add a short Arabic phrase to your webpage, you might consider using this element to complete a right to left override of the selected text.
<p><bdo dir="ltr">Hello World!</bdo></p> <p><bdo dir="rtl">Hello World!</bdo></p>
Note: when you apply <bdo> to regular text, the content gets reversed.
dir attribute inside the
<bdo> tag, characters are set to be displayed in the specified direction.
ltrspecifies the left to right direction for text.
rtl: specifies the right to left direction for text.
<p><bdo dir="ltr">This text is rendered left to right.</bdo></p> <p><bdo dir="rtl">This text is rendered right to left.</bdo></p>