bdi
<bdi> は書字方向を分離します。日本語や英語のような左横書きテキストとアラビア語のような右横書きテキストを混在させる時に使用します。
- 分類
- フローコンテンツ、フレージングコンテンツ
- 内包できるもの
- フレージングコンテンツ
サンプル
bdi 要素を使わない場合、アラビア語に続けて数字を入力するとそのまま右から左方向へ入力されていってしまいます。
<p>يامادا:2020</p>以下の文は編集できます。単語の右にフォーカスを合わせてから数字を入力してみましょう。
يامادا
右横書きの文字に続けて左横書き文字を記入する場合は <bdi> でマークアップしてからそこに右横書き文字を書き入れるようにしましょう。
<p><bdi>يامادا</bdi>:2020</p>