<ruby>: Ruby 注释元素

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<ruby> HTML 元素表示一组小的注释,这些注释通常显示在基础文本的上方、下方或旁边,用于显示东亚字符的发音。它也可以用于注释其他类型的文本,但这种用法不太常见。

“Ruby”一词起源于排版人员使用的测量单位,表示文本在新闻纸上印刷时仍可辨认的最小尺寸。

试一试

<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
ruby {
  font-size: 2em;
}

属性

此元素仅包含全局属性

示例

示例 1:字符

html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

结果

示例 2:单词

html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>

结果

技术摘要

内容类别 流式内容语句内容、明显内容。
允许内容 短语内容.
标签省略 无,起始标签和结束标签都必须存在。
允许父级 任何接受短语内容的元素。
隐式 ARIA 角色 没有对应的角色
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

规范

规范
HTML
# the-ruby-element

浏览器兼容性

另见