<bdo>タグの解説
<bdo>
は、ページの基本的な書字方向を上書きして左横書き(LTR)か右横書き(RTL)を指定します。指定された範囲の文字は、並び方が変わるだけで文字自体が反転するわけではありません。
この要素は開発者が意図的に書字方向を上書きする場合に適しています。開発者が意図しない箇所、例えば多言語の固有名がプログラムの出力結果として表示される箇所には、<bdi>
を使用します。
<bdo>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 文章の意味的な解釈には影響を与えません。見た目の装飾なのでCSSでも代用可能です。
<bdo>要素に指定できる属性
dir
-
ltr
:Left to Right. 左から右へ並ぶ。rtl
:Right to Left. 右から左へ並ぶ。
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<bdo>要素の使い方とサンプルコード
この要素の最も基本的な書き方は以下の通りです。文章の中で書字方向を変えたい範囲を指定します。
LTR <bdo dir="rtl">RTL</bdo> LTR.
指定した範囲の文字列は、dir
属性の値に従って書字方向が上書きされます。この場合、文字が反転するわけではなく、あくまで文字の並ぶ方向が変わります。
<p>あかさたな、はまやらわ。</p>
<p><bdo dir="rtl">あかさたな、はまやらわ。</bdo></p>