使用HTML实现对汉字拼音的支持

<style> 
    ruby{}{font-size:14px;}
 
    rt{}{font-size:11px;}
</style>
<ruby>中国人民万万岁<rt>zhong guo ren min wan wan sui</rt><br>
博客园<rt>bo ke yuan</rt>    
</ruby>

使用ruby 和 rt 标签可以实现注音效果，以上代码效果如下图：


 
拼音来了

<style>rt{}{font-size:18px;}</style>

<ruby>中<rt>zhōng</rt>国<rt>guó</rt>人<rt>rén</rt>民<rt>mín</rt></ruby>

">

中zhōng国guó人rén民mín