<bdo> | HTML5タグ辞典

bdo要素はテキストの記述方向を指定するための要素です。

bdo要素は他の要素とは異なり dir属性の記述が必須となります。dir属性によって記述方向を指定します。

下記は、ある年のグレゴリオ暦、和暦、ヒジュラ暦を並べて記述したものです。

Gregorian calendar：2000
和暦：H12
التقويم الهجري：1421

アラビア語で記述されているヒジュラ暦のみ記述方向が異なるのが分かります。

これは、ブラウザのアルゴリズムがアラビア語であることを判断し、右から左へ記述を表示しているためです。

このような場合にbdo要素を使用すると記述方向を揃えることができます。bdo要素で囲ったテキストにdir属性で方向を指定します。

アラビア語の表示アルゴリズムの影響で：1421の箇所が左方向に記述されているので、その箇所をbdo要素で囲い、dir属性にltr(左から右へ)を指定します。

Gregorian calendar：2000

和暦：H12

التقويم الهجري：1421

bdo要素で指定した範囲が左から右への記述に変わっています。

Gregorian calendar：2000
和暦：H12
التقويم الهجري：1421

Chromeでの表示の注意

上記の例をChromeで表示すると：1421の表記がアラビア語の左側に来ているかと思います。
これはChromeの仕様のようで、アラビア語とbdo要素の開始タグの間に半角スペースを入れると解消します。下記をご覧ください。

التقويم الهجري ：1421

التقويم الهجري ：1421