当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML5 <ruby>标记用法及代码示例


HTML中的<ruby>标记用于指定ruby注释,该注释是一个小文本,附加在主要文本上以指定主要文本的含义。这种注释在日语出版物中使用。

用法:

<ruby attributes> Contents... </ruby>

注意:<ruby>标签包含下面列出的两个其他标签:


  • <rt>标签:它用于在正文之上描述正文的说明。
  • <rp>标签:它是可选的,用于指定浏览器不支持ruby注释时需要显示的信息。

例:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>ruby tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head>  
    <body>  
        <h1>GeeksforGeeks</h1> 
        <h2><ruby> Tag</h2> 
        <ruby>GFG<rt>GeeksforGeeks</rt></ruby> 
    </body>  
</html>                                                 

输出:

支持的浏览器:<ruby>标签支持的浏览器如下:

  • 谷歌浏览器5.0
  • Internet Explorer 5.5
  • Firefox 38.0
  • Opera 15.0
  • Safari 5.0


相关用法


注:本文由纯净天空筛选整理自R_Raj大神的英文原创作品 HTML5 | <ruby> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。