<rb>: The Ruby Base element - HTML(超文本标记语言) 编辑
HTML Ruby Base(<rb>
)元素用于分隔<ruby>
注释的基本文本组件(即正在注释的文本)。一个<rb>
元素应该包装基本文本的每个单独的原子段。
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.
内容范畴 | 无 |
---|---|
允许内容 | 作为 <ruby> 元素的子元素。 |
标签省略 | 如果元素紧跟<rt> 、<rtc> 或<rp> 元素或其他元素,则可省略结束标记 <rb>元素,或者如果父元素中没有其他内容。 |
允许的父元素 | <ruby> 元素。 |
允许的 ARIA 角色 | 任意 |
DOM 接口 | HTMLElement |
属性
这个元素仅仅支持 全局属性。
用法注解
- Ruby 注解用于展示东亚文字的发音,例如使用日语罗马音和汉语拼音的文字。
<rb>
元素用于分隔出ruby基本文本的每个片段。 - 虽然
<rb>
不是一个空元素,但是在源码中通常只包括每个元素的开始标签。 因此ruby标记就不那么复杂,也更容易阅读。在渲染版本中,浏览器也可以填充完整的元素。 - 你需要为要注释的每个基本段(
<rb>
元素)包含一个<rt>
元素。
示例
在此示例中,我们提供了与“hanzi”等效的原始字符的注释:
<ruby>
<rb>漢</rb>字
<rp>(</rp><rt>han</rt>zi<rp>)</rp>
</ruby>
请注意我们如何包含两个<rb>
元素,以分隔ruby基本文本的两个独立部分。 另一方面,注释由两个<rt>
元素分隔。
请注意,我们也可以使用完全单独注释的两个基本文本部分来编写此示例。 在这种情况下,我们不需要包含<rb>
元素:
<ruby>
漢 <rp>(</rp><rt>han</rt><rp>)</rp>
字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<ruby> <rb>漢<rb>字 <rp>(</rp><rt>han<rt>zi<rp>)</rp> </ruby>
body {
font-size: 22px;
}
输出看起来像这样:
当在不支持ruby的浏览器中呈现时,上面的HTML可能看起来像这样:
漢字 (han zi)
body {
font-size: 22px;
}
提示: 有关更多示例,请参阅有关<ruby>
元素的文章。
规范
Specification | Status | Comment |
---|---|---|
HTML5 <rb> | Recommendation |
浏览器兼容性
BCD tables only load in the browser
此页面中的兼容性表是根据结构化数据生成的。 如果您想为数据做出贡献,请查看https://github.com/mdn/browser-compat-data,并向我们发送拉取请求。另见
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论