利用HTML5标签给汉字加上拼音-前端-IT技术博客

利用HTML5标签给汉字加上拼音

时间:2020-01-01 15:42:33 浏览: 字体: 放大 缩小


以前想给汉字加上拼音很麻烦的事,现在出了html5,其中html5的标签ruby就是专门给汉字加拼音用的;

ruby说明:

<ruby> 标签定义 ruby 注释(中文注音或字符)。


在东亚使用,显示的是东亚字符的发音。


与 <ruby> 以及 <rt> 标签一同使用:


ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。


<ruby></ruby>,<rt></rt>,<rp></rp>


现在下面给一个中国汉字拼音的示例:

<ruby>中<rp>(<rp><rt>zhōng</rt><rp>)</rp>&nbsp;国<rp>(</rp><rt>&nbsp;guó </rt><rp>)</rp></ruby>

显示效果:

(zhōng) 国( guó )

标签: html5标签汉字拼音rubyrtrp