1. Home
  2. HTMLタグ
  3. テキスト・フォントタグ
  4. ルビ(ふりがな)を付ける

ルビ(ふりがな)を付ける


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

ブラウザ
IE5
分類
独自拡張要素

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



<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>

表示例

ルビの表示テストです。 仏蘭西フランス独逸ドイツ


ページの先頭へ


inserted by FC2 system