<rp>: The Ruby Fallback Parenthesis element - HTML: HyperText Markup Language 编辑
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
BCD tables only load in the browser
See also
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论