html带拼音的标签


偶然逛知乎的时候看到的一个平时都注意不到的标签ruby

用户也很简单

<ruby>拼音<rt>pinyin</rt></ruby>

图

就是文字上分的拼音要自己打,可是这样没有音标

于是用搜狗输入法,输入带声调的字母(软键盘中选择拼音字母)

<ruby>拼音<rt>pīngyīng</rt></ruby>

ruby支持大多数新版浏览器

需要注意的是,拼音的长度不固定,所以可能和文字对不齐,可以这样

1
2
<ruby>拼<rt>pīng</rt></ruby>
<ruby>音<rt>yīng</rt></ruby>

功能很简单,可能项目中也不一定用得到,但是很有趣,做一个小小的记录

-------------本文结束感谢您的阅读-------------