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
