構文

<p>・・・<bdo>・・・</bdo>・・・</p>

説明文

 <bdo>タグは,言語属性の上書きを許可する。例えば,文書の記述する方向を指定することができる。文書の記述方法は各タブのdir属性で決める。dir属性に「ltr」と指定すると記述方向が左から右,「rtl」と指定すると右から左になる。また,<bdo>タグではdir属性が必須となる。

 しかし,1文の中に多言語が混在する場合,一方向に固定されてしまう場合がある。例えば,文書の記述を左から右に行う日本語の中に,右から左に記述するヘブライ語が存在する場合,ヘブライ語の記述が日本語と同じ左から右になってしまう。次のように<p>タグで記述方向を左から右に設定し,その中に<span>タブで右から左に指定しても方向は左から右に統一される。

<p dir="ltr">日本語「<span dir="rtl">ヘブライ語</span>」日本語</p>

日本語「ヘブライ語」日本語

 そこで,<bdo>タグを利用すると,途中で文字の記述方向を逆にすることが可能だ。

<p dir="ltr">日本語「<bdo dir="rtl">ヘブライ語</bdo>」日本語</p>

日本語「語イラブヘ」日本語

※ 上記の例では<bdo>タグは利用していません。実際の結果はサンプルを参照ください。

 <bdo>タグはインライン要素であるため,基本的にブロック要素の中で利用するようにする。

サンプル

HTMLソース

<p dir="ltr">日本語「<bdo dir="rtl">ヘブライ語</bdo>」日本語</p>


ブラウザ表示例

日本語「ヘブライ語」日本語

対応状況

HTML IE Firefox Opera
4 strict 4 Transitional 5 6 7 2 3 8 9

要素,タグ

タグ要素 インライン要素
包括可能要素 インライン要素
タグ記述条件 開始タグ:必須 終了タグ:必須

属性

属性 意味 対応
HTML 4s HTML 4t その他
class=クラス名 このタグのクラス名。CSSでスタイルを指定する場合などに利用される  
dir=方向 タグ内の文字の表示方向。「ltr」を指定すると文字を左から右に,rtlを指定すると「右から左」に表示する。しかし,多くのWebブラウザでは,文字コードを自動判別し,自動的に表示方向を決定している。そのため,日本語を「rtl」と指定しても実際には左から右に表示される。強制的に並び替えを行いたい場合は<bdo>タグを利用する  
id=ID タグのID。ダイナミックHTMLでタグを操作する場合や,Java Scriptでのタグの制御,個別にスタイルを指定する場合などに利用する  
lang=言語 タグ内に記述した言語。例えば,日本語の場合は「ja」,英語の場合は「en」を指定する  
style=スタイル タグのスタイル。スタイルの指定方法については「CSSの基本 (2) CSSの記述位置」を参照  
title=タイトル タグのタイトル。一般的にタグの補足情報を記述する。一般的なWebブラウザでは,タグ上にマウス・ポインタを乗せるとツール・チップにtitle属性に指定した内容を表示する  

関連項目