在我们编写html网页中如果我们想要在文字上面显示拼音怎么办呢?同样我们不用担心,html元素中有ruby元素,是专门用来解决如何给文字注上拼音,就是文字头上的字。
![html网页制作学习:[6]ruby拼音显示标注](https://exp-picture.cdn.bcebos.com/75af02324b18512c4af2df13ad334884cde3495b.jpg)
2、rt是来用 显示要加上注音标注的文字 ,也就是用来显示 标注的注意符号,rt元素为ruby元素的子元素,只能布置于ruby元素的标签内容中,而rt元素的标签内容则可布置ruby元素之外的任何内联元素
![html网页制作学习:[6]ruby拼音显示标注](https://exp-picture.cdn.bcebos.com/4a6d48ee7b7f860eb376e24077f5ee0d3acebe5b.jpg)
ruby,rt,rp代码示例
1、效果展示。<ruby><p>失 去 你 我 不 难 过<rt>si qu ni wo bu nan guo</rt></ruby></p><p><ruby>百 度 经 验 作 者<rp>(</rp><rt>bai du jing yan zuo ze</rt><rp>)</rp></ruby></p>
![html网页制作学习:[6]ruby拼音显示标注](https://exp-picture.cdn.bcebos.com/ef4c24ceaad7726bdae16253bf0f64781423b95b.jpg)