rp 要素

rp 要素はルビに対応していない環境において、ルビを囲む括弧を表示します。ruby 要素の子要素、かつ rt 要素の前後にのみ記述することが可能です。

ルビに対応していない環境においては rp 要素の内容はそのまま表示されますが、対応している環境では非表示になります。これにより、ルビを括弧で囲んで記述しておき、その括弧部分を rp 要素でマークアップしておくことで、ルビに対応する環境においては括弧抜きでルビが表示され、非対応環境では、括弧付きで通常のテキストのようにルビが表示されます。

<ruby>漢<rp> （</rp><rt>かん</rt><rp>） </rp>字<rp> （</rp><rt>じ</rt><rp>） </rp></ruby>

のように記述することで、ルビに非対応のブラウザでは

漢 （かん） 字 （じ）

と表示されます。

<p>
 <ruby>漢<rp> （</rp><rt>かん</rt><rp>） </rp>字<rp> （</rp><rt>じ</rt><rp>） </rp></ruby>
</p>

<ruby>
  <rb>法</rb>
  <rb>華</rb>
  <rb>経</rb>
<rp>（</rp>
  <rtc>
    <rt>ほ</rt>
    <rt>け</rt>
    <rt>きょう</rt>
  </rtc>
<rp>）</rp>
</ruby>

IE11	○
Edge（EdgeHTML）	×
Edge（Chromium）	○
Chrome	○
Firefox	○
Safari	○
iOS Safari	○
Android Chrome	○