<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
# the-rp-element

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
rp

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報