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

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

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

作成日: 更新日:

基本的な使い方

rtcオブジェクトは、HTMLのルビ機能において、ルビテキストやルビ括弧をグループ化するための要素を表すオブジェクトです。この要素は、主に日本語や中国語などの東アジア言語において、漢字などのベースとなる文字の読み方や意味を示す「ルビ」(振り仮名やピンインなど)をWebページに表示する際に使用されます。

rtc要素は、親要素である<ruby>要素の内部で利用され、ルビの構造をより詳細に定義することを可能にします。特に、複数の文字に対して一つのルビを付ける「グループルビ」や、熟語全体にルビを付ける場合など、複雑なルビの表示を柔軟に実現するために不可欠です。具体的には、ルビのテキスト自体を記述する<rt>要素や、ルビに対応していないブラウザでルビを括弧で表示するための<rp>要素などを、このrtc要素の中にまとめて配置します。

これにより、ベーステキストとルビの対応関係を正確に表現し、視覚的な情報伝達だけでなく、検索エンジンやスクリーンリーダーなどに対しても適切な情報を提供し、Webコンテンツのアクセシビリティと表現力を向上させる役割を担っています。HTML Living Standardで定義されており、多言語対応のWebサイト構築において重要な要素の一つです。

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

構文(syntax)

1<ruby>
2  ベーステキスト
3  <rtc>
4    <rt>ルビテキスト</rt>
5  </rtc>
6</ruby>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ