HTML 参考手册

HTML 标签大全

HTML: <ruby> 标签

HTML <ruby> 元素 被用来展示东亚文字注音或字符注释。

在线示例

一个 ruby 注释:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
</head>
<body>
<ruby>
  明 日 <rp>(</rp><rt>ming ri</rt><rp>)</rp>
</ruby>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <ruby> 标签。

标签定义及使用说明

<ruby> 标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

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

HTML 4.01 与 HTML5之间的差异

<ruby> 标签是 HTML5 中的新标签。

全局属性

<ruby> 标签支持 HTML 的全局属性

事件属性

<ruby> 标签支持 HTML 的事件属性