<rp>: ルビの代替表示用括弧要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<rp>HTML の要素で、<ruby> 要素によるルビの表示に対応していないブラウザー向けの代替表示用の括弧を提供するために使用します。それぞれ 1 つの <rp> 要素で、注釈の文字列を含む <rt> 要素を囲む開き括弧と閉じ括弧をそれぞれ囲む必要があります。

試してみましょう

属性

この要素にはグローバル属性以外の属性はありません。

使用上のメモ

  • ルビは日本語のふりがなや台湾語の注音符号など、東アジア言語で発音を示すものです。<rp> 要素は <ruby> 要素に対応していない場合に使用されます。<rp> 要素の内容は、ルビの存在を示すために何を表示すべきか(通常は括弧)を示します。

ルビの使用

この例はそれぞれの文字に等価なローマ字を表示するためのにルビを使用しています。

html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

このブラウザーでは次のように見えます。

それ以外の例は <ruby> 要素の記事を参照してください。

ルビ対応なし

上記の HTML は、ルビの対応がないブラウザーで表示すると、このように見えるかもしれません。

技術的概要

コンテンツカテゴリー なし
許可されている内容 テキスト
タグの省略 要素の直後に <rt> または他の <rp> 要素が続くとき、または親要素内にそれ以上のコンテンツがない場合は、終了タグを省略可。
許可されている親要素 <ruby> 要素。 <rp> 要素は <rt> 要素の直前または直後に配置しなければなりません。
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス HTMLElement

仕様書

Specification
HTML Standard
# the-rp-element

ブラウザーの互換性

BCD tables only load in the browser

関連情報