<ruby></ruby> <rb></rb> <rp></rp> <rt></rt>

ブラウザ
  • IE
  • Cr
  • Sf
分類
要素 ---

この要素を使用すると、対象のテキストにルビ(ふりがな)を付けることができます。


<ruby>
<rb>亜米利加</rb>
<rp></rp>
<rt>アメリカ</rt>
<rp></rp>
</ruby>

上記の例の場合、亜米利加と書かれた部分が対象のテキストで、アメリカと書かれた部分がルビになります。

rp要素内の は、未対応ブラウザで表示される記号です。ruby要素に対応したブラウザでは、この記号は表示されません。

<ruby></ruby>
ルビの関連部分を示します。
<rb></rb>
対象のテキスト(ルビベース)を示します。
<rt></rt>
ふりがな(ルビテキスト)を示します。
<rp></rp>
未対応ブラウザで表示される内容(記号)。

ルビの表示例

<ruby>
<rb>亜米利加</rb> … 対象のテキスト
<rp></rp> … 未対応ブラウザで表示
<rt>アメリカ</rt> … ふりがな
<rp></rp> … 未対応ブラウザで表示
</ruby>

上記の内容をブラウザで見た場合、次のように表示されます。

対応ブラウザでの表示例 ………  ア メ リ カ
亜米利加
未対応ブラウザでの表示例 ……… 亜米利加(アメリカ)
  • 上記の表示例は、テーブルでそれっぽく見せたサンプルです。
  • この要素は、HTML 4.01では定義されていません。

使用例


<p>ルビの表示テストです。
<ruby><rb>仏蘭西</rb><rp></rp><rt>フランス</rt><rp></rp></ruby><ruby><rb>独逸</rb><rp></rp><rt>ドイツ</rt><rp></rp></ruby>。</p>

表示例
仏蘭西フランス独逸ドイツ