rt要素 ルビテキスト (ruby text)

 
ルビ
ホーム > HTML Note > rt要素
H11- ie5-

説明

<rt>-</rt> 開始タグ:必須 終了タグ:必須
rt要素は、その内容がルビ(ふりがな)として表示されるテキストであることを示します。

IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。

また、ruby要素をサポートしていないされるNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
 

属性 (W3C)

<rtx11- ie5-
一般属性 id class style title lang dir %events;
ルビにおいてlang dirは、xml:langと定義されています。
rbspan="数字" x11-
rt要素が対応するrb要素の数
>(#PCDATA | %inline; -ruby)*</rt>

ブラウザ独自の属性 (ie N)

name="名前" ie5-
未調査

使用例

IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。

また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。

このような状況から、一般的な記述は下記のようなものになります。
<ruby>
  弘明寺
  <rp>(</rp><rt>ぐみょうじ</rt><rp>)</rp>
</ruby>
<ruby>
  弘明寺
  <rp>(<rt>ぐみょうじ<rp>)
</ruby>

W3Cの仕様に沿った正当な記述を実現するためには、単純ルビを用いるべきでしょう。
 

単純ルビ (Simple ruby)

単純ルビは、rb要素に含まれる1つの単語に対しrt要素に含まれる1つのルビテキストを対応させる形式です。この形式では、未対応ブラウザにおいてルビが普通のテキストとして表示されてしまっても、ルビのカッコを指定するrp要素を利用し通常の文章と区別をつけるためのふりがなをカッコなどの記号で囲んで表示することができます。
<ruby>
  <rb>弘明寺</rb>
  <rp>(</rp><rt>ぐみょうじ</rt><rp>)</rp>
</ruby>

このようなソースコードは、ruby要素をサポートするブラウザでは、下記のようにレンダリングされるものと思われます。
単純ルビサンプル
また、サポートされていないブラウザでは、下記のようにレンダリングされると思われます。
カッコによるレンダリング
単純ルビをサポートしているブラウザは現在のところありませんが、W3Cの仕様に沿った正当な記述を実現するためには、単純ルビを用いるべきでしょう。
 
関連要素: ruby | rb|rt|rp | rbc|rtc
トップページ HTML Note ページトップ
 2005/08/04発行 2008/01/01更新