html5居然还有这属性--ruby

前两天在看极客时间的《重学前端》，其中 Winter 老师说，工作的时候经常有人会说：“哇，原来还能这么用”，当时比较嗤之以鼻，没想到马上就轮到我了。

注释、ruby，在我的理解中，应该是通过 ::after 或 ::before 伪类结合 position: absolute 来达到这个效果，然而没想到 HTML5 新增了 <ruby> 标签。

<ruby> 标签定义 ruby 注释（中文注音或字符）。在东亚使用，显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用：ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 <rt> 元素组成，还包括可选的 <rp> 元素，定义当浏览器不支持 “ruby” 元素时显示的内容。

简单看一下效果展示效果演示：展示效果演示

非常非常的好用，在网站建设的过程中，比如说某个字是生僻字，纨绔子弟，总是会念成 “zhikua”，我们给他加上拼音 “纨绔” 纨绔wan ku

非常的 nice，真就是一直用一只学！