Internationalization bi-directional override の略。文章の流れる方向を指定します。<HTML>
タグや<DIV>
タグのdir属性でも同様の指定が可能です。
<bdo>
<!-- phrasing content -->
</bdo>
<p>ヘブライ語の挨拶「<bdo lang="he" dir="rtl">שָׁלוֹם</bdo>」は「平和」という意味です。</p>
ヘブライ語の挨拶「שָׁלוֹם」は「平和」という意味です。
bdo要素には次に示す属性を指定できる。
値 | 意味 |
---|---|
ltr | 左から右 (left to right) |
rtl | 右から左 (right to left) |
値 | 説明 | 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 |
bdo要素は次に示すカテゴリに属する。
フレージング・コンテンツが期待される場所で使用できる。
bdo要素の内容にはフレージング・コンテンツを含めることができる。具体的には次の要素である。
<a>
<abbr>
<area>
(マップ要素の子孫である場合)<audio>
<b>
<bdi>
<bdo>
<br>
<button>
<canvas>
<cite>
<code>
<data>
<datalist>
<del>
<dfn>
<em>
<embed>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<link>
(本文中で許可されている場合)<map>
<mark>
<math>
<meta>
(itemprop 属性が存在する場合)<meter>
<noscript>
<object>
<output>
<picture>
<progress>
<q>
<ruby>
<s>
<samp>
<script>
<select>
<slot>
<small>
<span>
<strong>
<sub>
<sup>
<svg>
<template>
<textarea>
<time>
<u>
<var>
<video>
<wbr>
開始タグ、終了タグ共に省略できない。
JavaScriptからはHTMLElementインタフェースを通じてbdo要素へアクセスできる。
WHATWG (2021) "Text-level semantics" HTML Living Standard