欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-18 18:23:33
ruby 标记定义ruby注释(中文注音或字符)。ruby标记与rt标记一同使用。ruby标记由一个或多个字符(需要一个解释/发音)和一个提供该信息的rt 标记组成,还包括可选的rp标记,定义当浏览器不支持ruby 标记时显示的内容。 基本语法: 效果图: 注意: 基本语法内rp标记与rt标记要注意 ......

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

基本语法:

 

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

 

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

 

注意:

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

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

这样显示的效果图是web前端学习之ruby标记和rt/rp标记

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