このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
<rp>: ルビの代替表示用括弧要素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<rp> はHTML の要素で、<ruby> 要素によるルビの表示に対応していないブラウザー向けの代替表示用の括弧を提供するために使用します。それぞれ 1 つの<rp> 要素で、注釈の文字列を含む<rt> 要素を囲む開き括弧と閉じ括弧をそれぞれ囲む必要があります。
試してみましょう
<ruby> 漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp></ruby>ruby { font-size: 2em;}属性
この要素にはグローバル属性以外の属性はありません。
使用上のメモ
- ルビは日本語のふりがなや台湾語の注音符号など、東アジア言語で発音を示すものです。
<rp>要素は<ruby>要素に対応していない場合に使用されます。<rp>要素の内容は、ルビの存在を示すために何を表示すべきか（通常は括弧）を示します。
例
ルビの使用
この例はそれぞれの文字に等価なローマ字を表示するためのにルビを使用しています。
html
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp></ruby>body { font-size: 22px;}このブラウザーでは次のように見えます。
それ以外の例は<ruby> 要素の記事を参照してください。
ルビ対応なし
上記の HTML は、ルビの対応がないブラウザーで表示すると、このように見えるかもしれません。
漢 (Kan) 字 (ji)body { font-size: 22px;}技術的概要
| コンテンツカテゴリー | なし |
|---|---|
| 許可されている内容 | テキスト |
| タグの省略 | 要素の直後に<rt> または他の<rp> 要素が続くとき、または親要素内にそれ以上のコンテンツがない場合は、終了タグを省略可。 |
| 許可されている親要素 | <ruby> 要素。<rp> 要素は<rt> 要素の直前または直後に配置しなければなりません。 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | HTMLElement |
仕様書
| Specification |
|---|
| HTML # the-rp-element |