HTML教程-HTML<ruby>标签
HTML <ruby> 标签用于在网页上表示 ruby 注释。Ruby 注释在显示中文和日文等东亚字符的发音时非常有用。
<ruby> 标签包含一个或多个 <rt> 元素，用于给出 ruby 注释的发音，并在注释字符的上方显示。它还可以包含一个（可选的） <rp> 元素，用作不支持 ruby 注释的浏览器的回退括号。
HTML <ruby> 标签还可以用于表示与主要内容相关的小注释，而不仅限于东亚语言。
HTML5 中引入了 <ruby> 标签。
语法
<ruby>......</ruby>以下是关于 HTML <ruby> 标签的一些规范
| 显示方式 | 内联 |
|---|---|
| 开始标签/结束标签 | 开始和结束标签都有 |
| 用途 | 格式化的 |
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML ruby tag</title>
<style>
body {
text-align: center;
}
rt {
font-size: 10px;
color: green;
}
</style>
</head>
<body>
<h1>Example of ruby tag</h1>
<p>East Asian Language Annotation</p>
<ruby>
大哥<rt>Big Brother</rt>
</ruby>
<p>Normal Annotation Representation of Expiry date</p>
<ruby>
2022<rp>(</rp><rt>Year</rt><rp>)</rp>
12<rp>(</rp><rt>Month</rt><rp>)</rp>
06<rp>(</rp><rt>Date</rt><rp>)</rp>
</ruby>
</body>
</html>属性:
特定于标签的属性：
<ruby> 标签没有特定的属性。
全局属性：
<ruby> 标签支持 HTML 中的全局属性。
事件属性：
<ruby> 标签支持 HTML 中的事件属性。
支持的浏览器
| 元素 |  Chrome |  IE |  Firefox |  Opera |  Safari |
|---|---|---|---|---|---|
<ruby> | 是 | 是 | 是 | 是 | 是 |
