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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。