html5学习笔记(<ruby>)

HTML <ruby> 标签
浏览器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 标签。
注释：IE 8 或更早版本的 IE 浏览器不支持 <ruby> 标签。
标签定义及使用说明
<ruby> 标签定义 ruby 注释（中文注音或字符）。
在东亚使用，显示的是东亚字符的发音。
将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用：
<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成，还包括可选的 <rp> 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

HTML <rt> 标签
<rt> 标签定义字符（中文注音或字符）的解释或发音。

HTML <rp> 标签
<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。

例子：

<ruby>
汉<rt>han</rt>
字<rt>zi</rt>
</ruby>

结果：（支持浏览器）

 

结果：（不支持浏览器）

 

结论：加音标的标签，适合东亚地区使用。

转载于:https://www.cnblogs.com/smileToMe/p/7840843.html