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

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

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

作成日: 更新日:

基本的な使い方

rpオブジェクトは、HTMLのルビ注釈(ruby annotation)において、代替コンテンツを表現するためのオブジェクトです。ルビ注釈は、主に東アジアの言語で、親文字(ベーステキスト)に読み方や意味を示すルビテキストを付加する際に使用されます。このrpオブジェクトは、ruby要素の内部で、ルビテキストを定義するrt要素をサポートしない古いウェブブラウザや特定のユーザーエージェントに対して、ルビテキストの情報を適切に表示するための補助的な役割を果たします。

具体的には、ruby要素の子要素として、ルビの親文字とrt要素の間に配置することで、もしブラウザがrt要素を正しく解釈できない場合でも、rpオブジェクトに含まれる内容(例えば、ルビテキストを囲む括弧など)を表示し、ルビの意味を損なわないようにします。例えば、<ruby>親文字<rp>(</rp><rt>ルビ</rt><rp>)</rp></ruby>のように記述されます。

現代の主要なウェブブラウザはrt要素を直接サポートしているため、通常、rpオブジェクトに記述された内容は画面には表示されません。しかし、アクセシビリティツールや旧式のブラウザ環境など、多様な閲覧環境においてルビ注釈が意図通りに伝わることを保証するためのフォールバックメカニズムとして、依然として重要な役割を担っています。ウェブコンテンツの互換性とアクセシビリティを向上させるために、rpオブジェクトはルビ注釈の記述において推奨される要素の一つです。

構文(syntax)

1<rp>代替テキスト</rp>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ