rt要素 ≪ テキスト ≪ 要素 ≪ HTML5入門

rt要素

rt要素は、ルビを表す要素。

カテゴリー	どのカテゴリーにも属さない。
コンテキスト	ruby要素の子要素として使用できる。
コンテンツ・モデル	フレージング・コンテンツを内包できる。
属性	グローバル属性。
ブラウザ対応

構文

<ruby>ルビを振るテキスト<rt>ルビ</rt></ruby>

要点

rt要素は、ルビを表す要素である。
主に、漢字にふりがなを付けるときに使う。
ruby要素の子要素として使用できる。
rt要素は、HTML5にて新たに導入された要素である。

サンプルコード

モノ・ルビ

文字毎に個別に指定する。

<ruby>漢<rt>かん</ruby><ruby>字<rt>じ</ruby>

<ruby>漢<rt>かん</rt></ruby><ruby>字<rt>じ</rt></ruby>

<ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby>

対応ブラウザは、 ruby要素対応ブラウザのモノ・ルビの表示と表示する。

未対応ブラウザは、 ruby要素未対応ブラウザのモノ・ルビの表示と表示する。

グループ・ルビ

<ruby>今日<rt>きょう</ruby>

<ruby>今日<rt>きょう</rt></ruby>

対応ブラウザは、 ruby要素対応ブラウザのグループ・ルビの表示と表示する。

未対応ブラウザは、 ruby要素未対応ブラウザのグループ・ルビの表示と表示する。

未対応ブラウザ対策あり

<ruby>漢<rp>（</rp><rt>かん</rt><rp>）</rp>字<rp>（</rp><rt>じ</rt><rp>）</rp></ruby>

対応ブラウザは、 ruby要素対応ブラウザの表示と表示する。

未対応ブラウザは、 ruby要素未対応ブラウザの表示と表示する。

サンプル

未対応ブラウザ対策なし

HTMLソースコード

<p><ruby>漢<rt>かん</ruby><ruby>字<rt>じ</ruby></p>
<p><ruby>漢<rt>かん</rt></ruby><ruby>字<rt>じ</rt></ruby></p>
<p><ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby></p>
<p><ruby>今日<rt>きょう</ruby></p>
<p><ruby>今日<rt>きょう</rt></ruby></p>

実際の表示

漢かん字じ

今日きょう

未対応ブラウザ対策あり

HTMLソースコード

<p><ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby></p>

実際の表示

漢（かん）字（じ）