• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <rb>

    版本:HTML5

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

    浏览器支持

    Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持<rb>标签。
    注释:Internet Explorer 8 以及更早的版本不支持<rb>标签。

    示例

    在此示例中,我们提供了与“hanzi”等效的原始字符的注释:

    <ruby>
      <rb>漢</rb>字
      <rp>(</rp><rt>han</rt>zi<rp>)</rp>
    </ruby>
    (hanzi)

    请注意我们如何包含两个<rb>元素,以分隔ruby基本文本的两个独立部分。另一方面,注释由两个<rt>元素分隔。

    请注意,我们也可以使用完全单独注释的两个基本文本部分来编写此示例。在这种情况下,我们不需要包含<rb>元素:

    <ruby>
      漢 <rp>(</rp><rt>han</rt><rp>)</rp>
      字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>
    (han)(zi)

    用法注解

    • <ruby>注解用于展示东亚文字的发音,例如使用日语罗马音和汉语拼音的文字。<rb>元素用于分隔出ruby基本文本的每个片段。
    • 虽然<rb>不是一个空元素,但是在源码中通常只包括每个元素的开始标签。因此ruby标记就不那么复杂,也更容易阅读。在渲染版本中,浏览器也可以填充完整的元素。支持<ruby>元素的浏览器不会显示<rb>元素的内容。
    • 你需要为要注释的每个基本段(<rb>元素)包含一个<rt>元素。
    内容范畴
    允许内容作为<ruby>元素的子元素。
    标签省略如果元素紧跟<rt><rtc><rp>元素或其他元素,则可省略结束标记<rb>元素,或者如果父元素中没有其他内容。
    允许的父元素<ruby>元素。
    允许的 ARIA 角色任意
    DOM 接口HTMLElement

    HTML 4.01 与 HTML 5 之间的差异

    <rb>标签是 HTML 5 的新标签。

    属性

    <rb>元素仅仅支持全局属性。

    全局属性

    <rb>标签支持 HTML 中的全局属性。

    事件属性

    <rb>标签支持 HTML 中的事件属性。

    上篇:<q>

    下篇:<rp>