bdo要素

bdo要素は、双方向テキストのフォーマットにおいて、テキストの方向性を表します。左から右方向のテキストと右から左方向のテキストが混在するケースなどにおいて、異なる方向性を持つテキストにマークアップすることでページ、あるいは行にあらかじめ指定されている双方向アルゴリズムを上書きします。

bdo要素において、グローバル属性のdir属性は必須の属性で、左から右方向を指定する値ltrと、右から左方向を指定する値rtlをそれぞれ、マークアップするテキストの方向に合う値を指定します。


例)bdo要素のマークアップ位置、dir属性の値の指定の異なる、とある女性の名前と日付のリストです。この中でアラビアの女性の名前は右から左方向に読みます。つまり、それぞれのリストの2行目は、左から右方向のテキストと右から左方向のテキストが混在していることになります。

<p>bdo要素、dir属性の指定なし。</p>
<ul>
<li>華子 (12月10日)</li>
<li>إليسا (12月12日)</li>
<li>Emily (12月14日)</li>
</ul>
<br>
<p>bdo要素、dir="rtl"を人名(左 ← 右)に指定。</p>
<ul>
<li>華子 (12月10日)</li>
<li><bdo dir="rtl">إليسا</bdo> (12月12日)</li>
<li>Emily (12月14日)</li>
</ul>
<br>
<p>bdo要素、dir="ltr"を日付(左 → 右)に指定。</p>
<ul>
<li>華子 (12月10日)</li>
<li>إليسا <bdo dir="ltr">(12月12日)</bdo></li>
<li>Emily (12月14日)</li>
</ul>
<br>
<p>人名、日付ともにマークアップ、それぞれのテキストの方向に合った値を指定。</p>
<ul>
<li>華子 (12月10日)</li>
<li><bdo dir="rtl">إليسا</bdo> <bdo dir="ltr">(12月12日)</bdo></li>
<li>Emily (12月14日)</li>
</ul>

上記のHTMLドキュメント


表示)

bdo要素、dir属性の指定なし。


bdo要素、dir="rtl"を人名(左 ← 右)に指定。


bdo要素、dir="ltr"を日付(左 → 右)に指定。


人名、日付ともにマークアップ、それぞれのテキストの方向に合った値を指定。

上記のキャプチャ:Internet Explorer 10.0Chrome 39.0Firefox 33.1.1

カテゴリ
フロー・コンテンツフレージング・コンテンツパルパブル・コンテンツ
要素を使用することができる場所
フレージング・コンテンツが使用できる場所。
コンテンツ モデル(内容に含めることのできる要素)
フレージング・コンテンツ
コンテンツ属性
グローバル属性dir属性はこの要素では特別なセマンティックを持ちます。