Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】rt要素の使い方

rt要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

rtオブジェクトは、HTMLドキュメント内でルビ注釈のルビテキスト(振り仮名や説明文)を表すオブジェクトです。これは、主に東アジアの言語、特に日本語の漢字などの表意文字に対して、その読み方や短い補足説明を付加するために使用されます。例えば、「東京」という漢字に「とうきょう」という読みを付けたい場合に、<ruby>東<rt>とう</rt>京<rt>きょう</rt></ruby>のように記述することで、ベーステキスト(元の文字)に振り仮名を付与できます。

rt要素は、必ず<ruby>要素の内部に配置され、ルビのベーステキストの直後に続くのが一般的な使用方法です。場合によっては、ルビ注釈の開始と終了を示すための括弧を意味する<rp>要素と組み合わせて使用することもありますが、多くの現代的なブラウザでは<rp>要素がなくても適切に表示されます。

ブラウザは通常、rt要素に含まれる内容を、親要素であるベーステキストの真上または真下に、より小さなフォントサイズで表示します。この機能は、視覚的な情報だけでなく、スクリーンリーダーなどの補助技術を利用するユーザーにとっても非常に重要です。rt要素を適切に使用することで、読み上げソフトがルビテキストを正確に解釈し、コンテンツのアクセシビリティを向上させる役割を果たします。この要素は、HTML Living Standardの一部として定義されており、多言語コンテンツの表現を豊かにするために不可欠な要素の一つです。

公式リファレンス: <rt>: The Ruby Text element

構文(syntax)

1<rt>ルビテキスト</rt>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ