Saber 酱的抱枕

Fly me to the moon

10/6
2014
学习

ruby——给文字注音的html标签

今天逛萌娘百科到了“绅士”词条的时候,看到了这么一个注音效果:

研究了代码以及百度之后,明白了这是用一个很少用的html标签做出来的。每注音一个字用一对ruby标签,里面可以包含这么三对标签:
rb:需要注音的字
rt:注音
rp:浏览器不支持ruby方法的时候会把rp标签内的文字显示出来,非必须

注音部分理论上可以随便放东西,除了拼音,片假名什么的也都可以。我也试做了一个dome:

<ruby>
<rb>雪</rb>
<rt>xué</rt>
</ruby>

<ruby>
<rb>见</rb>
<rt>jiàn</rt>
</ruby>

效果如下:

xué jiàn

ps:搜狗拼音中文状态下按V8可以打出带声调符号的字母。

ruby——给文字注音的html标签