HTML <bdo>

Internationalization bi-directional override の略。文章の流れる方向を指定します。<HTML>タグや<DIV>タグのdir属性でも同様の指定が可能です。

書式

<bdo>
  <!-- phrasing content -->
</bdo>

使い方

<p>ヘブライ語の挨拶「<bdo lang="he" dir="rtl">שָׁלוֹם</bdo>」は「平和」という意味です。</p>

ヘブライ語の挨拶「שָׁלוֹם」は「平和」という意味です。

内容

bdo 要素の開始タグと終了タグの間にフレージング・コンテンツを含めることができる。

属性

bdo要素には次に示す属性を指定できる。

class
CSSのクラスを指定する。空白で区切って、複数のクラスを指定できる。
dir
必須属性。文章の流れる方向は言語によって異なります。英語のように左から右へ流れる言語もあれば、アラビア語のように右から左へ流れる言語もあります。dir属性は、この文書の表示方向を指定します。
dir属性
値意味
ltr 左から右 (left to right)
rtl 右から左 (right to left)
id
HTML文書内で一意な識別子を指定する。
lang
言語を指定する。
lang属性
値 説明 dir
ar アラビア語 rtl
de ドイツ語 ltr
en 英語 ltr
es スペイン語 ltr
fr フランス語 ltr
he ヘブライ語 rtl
it イタリア語 ltr
ja 日本語 原則としてltr
ko 韓国語 ltr
pt ポルトガル語 ltr
ru ロシア語 ltr
th タイ語 ltr
tr トルコ語 ltr
vi ベトナム語 ltr
zh 中国語 ltr
style
CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定できる。

カテゴリ

bdo要素は次に示すカテゴリに属する。

この要素が使用できるコンテキスト

フレージング・コンテンツが期待される場所で使用できる。

タグの省略

開始タグ、終了タグ共に省略できない。

JavaScript

JavaScriptからはHTMLElementインタフェースを通じてbdo要素へアクセスできる。

参考文献

WHATWG (2021) "Text-level semantics" HTML Living Standard