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.
![DataCamp DataCamp](https://assets.bitdegree.org/online-learning-platforms/storage/media/datacamp-logo-5f96bfc70113e.o.png)
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
![Udacity Udacity](https://assets.bitdegree.org/online-learning-platforms/storage/media/udacity-review-logo-small.o.png)
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
![Udemy Udemy](https://assets.bitdegree.org/online-learning-platforms/storage/media/udemy-logo-small.o.png)
Pros Main Features
- Easy to navigate
- No technical issues
- Seems to care about its users
- Huge variety of courses
- 30-day refund policy
- Free certificates of completion
Use of bdo
The HTML <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.
Example
<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
With dir
attribute inside the <bdo>
tag, characters are set to be displayed in the specified direction.
ltr
specifies the left to right direction for text.rtl
: specifies the right to left direction for text.
Example
<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>
Browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/edge-logo.jpg)
Edge
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/ie-logo.jpg)
IE
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All
Mobile browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All