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

注释,ruby,在我的理解中,应该是通过after或者before伪类+absolute来达到这个效果,然而没想到html5新增了ruby标签。

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

简单看一下效果<ruby>展示<rt>效果演示</rt></ruby>

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

非常的nice,真就是一直用一只学!

最后修改:2021 年 10 月 24 日 04 : 12 PM
如果觉得我的文章对你有用,请随意赞赏