HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<rt>
Ruby Text（ルビテキスト）要素。主に日本語などの東アジア言語の文字に対して、読み仮名や注釈を提供します。
info
概要
<rt> 要素（Ruby Text要素）は、親要素である <ruby> の中で使用され、ベーステキスト（ルビを振る対象のテキスト）の上に表示される **ルビのテキスト**（読み仮名や短い注釈）を定義します。
この要素単独では機能せず、必ず <ruby> の子要素として配置する必要があります。
play_circle
デモ (静的表示)
HTML (Source)
<ruby>
漢字
<rt>かんじ</rt>
</ruby>
<br><br>
<ruby>
東京
<rt>とうきょう</rt>
都
<rt>と</rt>
</ruby>
Preview (Result)
漢字
東京 都
東京 都
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| グローバル属性 | <rt> 要素は、全てのHTML要素で使用可能なグローバル属性（class, id, lang, title など）をサポートします。独自の属性はありません。 |
code
実用例
1. 基本的なルビの表示
<ruby>
<!-- ベーステキスト -->
明治
<!-- ルビテキスト -->
<rt>めいじ</rt>
</ruby>
2. 括弧表示の代替（非対応ブラウザ向け）を含めたルビ
<!-- rp要素で括弧を囲むことで、<ruby>非対応のブラウザでも (かんじ) のように表示されます -->
<ruby>
漢字
<rp>(/</rp>
<rt>かんじ</rt>
<rp>)</rp>
</ruby>
3. 複数のベーステキストに分けるルビ
<ruby>
外<rt>そと</rt>
国<rt>くに</rt>
語<rt>ご</rt>
</ruby>
lightbulb
知っておくべき重要事項
structure
親子関係
<rt> 要素は、**必ず** <ruby> 要素の直接の子要素として配置しなければなりません。これは、ルビテキストとベーステキスト（ルビを振る対象の文字）の関連付けを行うために必須です。
accessibility_new
アクセシビリティ
ルビは、特に難解な漢字や外国語の表記に対して、読み方を提供することでアクセシビリティを大きく向上させます。スクリーンリーダーは通常、ルビのベーステキストとルビテキストの両方を読み上げます。
ルビは、特に難解な漢字や外国語の表記に対して、読み方を提供することでアクセシビリティを大きく向上させます。スクリーンリーダーは通常、ルビのベーステキストとルビテキストの両方を読み上げます。