<rp>：Ruby 回退括號元素

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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

<rp> HTML 元素用於為不支援使用 <ruby> 元素顯示 ruby 注釋的瀏覽器提供回退括號。每個 <rp> 元素應該包裹著包含注釋文字的 <rt> 元素的開始和結束括號。

嘗試一下

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

ruby {
  font-size: 2em;
}

該元素僅包含全域屬性。

Ruby 注釋用於顯示東亞字符的發音，例如使用日文假名或台灣注音符號。在不支援 <ruby> 元素的情況下，使用 <rp> 元素；<rp> 元素的內容提供了應顯示的內容以指示 ruby 注釋的存在，通常是括號。

此範例使用 ruby 注釋顯示每個字符的羅馬拼音等價詞。

html

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

body {
  font-size: 22px;
}

請參見 <ruby> 元素的文章以獲取更多範例。

如果你的瀏覽器不支援 ruby 注釋，結果將如下所示：

漢 (Kan) 字 (ji)

body {
  font-size: 22px;
}

內容分類	無
允許的內容	文本
標籤省略	如果元素後面緊跟著 `<rt>` 或另一個 `<rp>` 元素，或者後面沒有更多的內容，則可以省略結束標籤。
允許的父元素	一個 `<ruby>` 元素。`<rp>` 必須緊跟著或位於 `<rt>` 元素之前或之後。
隱含 ARIA 角色	沒有對應的角色
允許的 ARIA 角色	任意
DOM 介面	`HTMLElement`

Specification
HTML # the-rp-element