The HTML Ruby Fallback Parenthesis (<rp>
) element is used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby>
element. One <rp>
element should enclose each of the opening and closing parentheses that wrap the <rt>
element that contains the annotation's text.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Content categories | None. |
---|---|
Permitted content | Text |
Tag omission | The end tag can be omitted if the element is immediately followed by an <rt> or another <rp> element, or if there is no more content in the parent element. |
Permitted parents | A <ruby> element. <rp> must be positioned immediately before or after an <rt> element. |
Implicit ARIA role | No corresponding role |
Permitted ARIA roles | Any |
DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Usage notes
- Ruby annotations are for showing pronunciation of East Asian characters, like using Japanese furigana or Taiwanese bopomofo characters. The
<rp>
element is used in the case of lack of<ruby>
element support; the<rp>
content provides what should be displayed in order to indicate the presence of a ruby annotation, usually parentheses.
Examples
This example uses ruby annotations to display the Romaji equivalents for each character.
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>
CSS
body { font-size: 22px; }
The result looks like this in your browser:
The HTML above rendered by a browser without ruby support might look like this:
漢 (Kan) 字 (ji)
body { font-size: 22px; }
See the article about the <ruby>
element for further examples.
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of '<rp>' in that specification. |
Living Standard | |
HTML5 The definition of '<rp>' in that specification. |
Recommendation |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
rp | Chrome Full support 5 | Edge Full support 79 | Firefox Full support 38 | IE Full support 5 | Opera Full support 15 | Safari Full support 5 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 38 | Opera Android Full support 14 | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support