HTML <ruby> 元素

HTML <ruby> 元素表示一个 ruby 注释。Ruby 注释用于显示东亚字符的发音。

一个 ruby 注释:

<ruby>某种
  <rp></rp><rt>mǒuzhǒng</rt><rp></rp>
</ruby>
<ruby>方法
  <rp></rp><rt>fāngfǎ</rt><rp></rp>
</ruby>

尝试一下 »

截图

一个 ruby 注释

特性

内容类别 流式内容短语内容可触知内容
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

属性

该元素包含全局属性

事件属性

<ruby> 元素支持 HTML 的事件属性

使用说明

<ruby> 元素与 <rt><rp> 元素一起使用:
<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

更多实例

使用 <ruby> 表示字符

<ruby><rp>(</rp><rt>Kan</rt><rp>)</rp><rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

尝试一下 »

截图

使用 <ruby> 表示字符

使用 <ruby> 表示词语

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

尝试一下 »

截图

使用 <ruby> 表示词语

规范

规范 状态 备注
HTML Living Standard
<ruby> 的定义
现行的标准 -
HTML5
<ruby> 的定义
推荐 -

HTML 4.01 与 HTML5 之间的差异

<ruby> 元素是 HTML5 中的新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 5 支持 38 5 15 5

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 38 不支持 15 支持

See also