We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

<rp>: ルビのフォールバック用括弧要素

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

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

属性

この要素にはグローバル属性のみがあります。

使用上の注意

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

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

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

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

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

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

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
<rp> の定義
現行の標準  
HTML5
<rp> の定義
勧告  

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応5 なし385155
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり なし3815 あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yuheiy, yyss
最終更新者: mfuji09,