<rb>: The Ruby Base element - HTML(超文本标记语言) 编辑

HTML Ruby Base<rb>)元素用于分隔<ruby>注释的基本文本组件(即正在注释的文本)。一个<rb>元素应该包装基本文本的每个单独的原子段。

{{EmbedInteractiveExample("pages/tabbed/rb.html", "tabbed-standard")}}
内容范畴
允许内容作为 <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>元素的文章。

规范

SpecificationStatusComment
HTML5
<rb>
Recommendation

浏览器兼容性

BCD tables only load in the browser

此页面中的兼容性表是根据结构化数据生成的。 如果您想为数据做出贡献,请查看https://github.com/mdn/browser-compat-data,并向我们发送拉取请求。

另见

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:137 次

字数:6748

最后编辑:8年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文