当前位置： 移动技术网 > IT编程>网页制作>CSS > web前端学习之ruby标记和rt/rp标记

web前端学习之ruby标记和rt/rp标记

2018年07月23日  | 移动技术网IT编程  | 我要评论

天堂狂想曲,义马经济生活网,那蓝商务

ruby 标记定义ruby注释（中文注音或字符）。ruby标记与rt标记一同使用。
ruby标记由一个或多个字符（需要一个解释/发音）和一个提供该信息的rt 标记组成，还包括可选的rp标记，定义当浏览器不支持ruby 标记时显示的内容。

基本语法：

 

<ruby>
        中<rp>(</rp><rt>zhong</rt><rp>)</rp>
        国<rp>(</rp><rt>guo</rt><rp>)</rp>
    </ruby>

 

效果图：

 

注意：

基本语法内rp标记与rt标记要注意，在《web前端开发技术 第3版》储久良一书中是这样写的

<ruby>
        中<rt><rp>(</rp>zhong<rp>)</rp></rt>
        国<rt><rp>(</rp>guo<rp>)</rp></rt>
    </ruby><br>

这样显示的效果图是

在支持ruby标记的浏览器中却输出了不支持ruby标记的浏览器内的处理效果

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网