index.md

title	slug	l10n
<rp>: ルビの代替表示用括弧要素	Web/HTML/Element/rp	sourceCommit e04d8d2766c468f149445c0bf438d09f9b2d188c

{{HTMLSidebar}}

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

{{EmbedInteractiveExample("pages/tabbed/rp.html", "tabbed-shorter")}}

属性

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

使用上のメモ

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

例

ルビの使用

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

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

body {
  font-size: 22px;
}

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

{{EmbedLiveSample("Using_ruby_annotations", 600, 60)}}

それ以外の例は {{HTMLElement("ruby")}} 要素の記事を参照してください。

ルビ対応なし

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

漢 (Kan) 字 (ji)

body {
  font-size: 22px;
}

{{EmbedLiveSample("Without_ruby_support", 600, 60)}}

技術的概要

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

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• {{HTMLElement("ruby")}}
• {{HTMLElement("rt")}}
• {{HTMLElement("rb")}}
• {{HTMLElement("rtc")}}