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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。