HTML - <rt> 標籤



HTML <rt> 標籤用於指定 ruby 註解的 ruby 文字解釋。它提供中文、日文和韓文的書寫系統的發音、翻譯或音譯資訊。這是一個包含在 HTML5 中的新標籤。<rt> 標籤必須包含在 <ruby><rp> 標籤 之內。

語法

<rt>.....</rt>

屬性

HTML rt 標籤支援 HTML 的全域性事件屬性。

HTML rt 標籤示例

在下面的示例中,我們將看到使用案例,以及如何在何處使用 HTML rt 標籤來指定 ruby 註解的 ruby 文字解釋。

指定 rt 元素

在下面的示例中,我們建立一個示例來演示 <rt> 標籤的工作方式。

<!DOCTYPE html>
<html>
<head>
   <title>HTML rt tag</title>
   <style>
      rt {
         font-size: 25px;
         color: green;
      }
   </style>
</head>
<body>
   <h1>HTML rt Tag</h1>
   <ruby> 
      チュートリアルポイント <rt>tutorialspoint</rt>
   </ruby>
</body>
</html>

實現中文詞語

考慮下面的示例,我們使用 <rt> 標籤來解釋中文詞語。

<!DOCTYPE html>
<html>
<head>
   <title>HTML rt Tag</title>
   <style>
      rt {
         font-size: 25px;
         color: green;
      }
   </style>
</head>
<body>
   <h1>HTML rt Tag</h1>
   <ruby> 
      教程點 <rt> tutorialspoint </rt> 
      簡單易學 <rt> Easy to learn </rt>
   </ruby>
</body>
</html>

實現韓語

讓我們看看下面的示例,我們將使用 <rt> 標籤來解釋韓語。

<!DOCTYPE html>
<html>
<head>
   <title>HTML rt Tag</title>
   <style>
      rt {
         font-size: 25px;
         color: green;
      }
   </style>
</head>
<body>
   <h1>HTML rt Tag</h1>
   <ruby> 
      이것은 한국어입니다. <rt>This is korean language </rt>
      튜토리얼포인트입니다 <rt>This is tutorialspoint </rt>
   </ruby>
</body>
</html>

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
rt 是 5.0 是 5.5 是 38.0 是 5.0 是 15.0
html_tags_reference.htm
廣告
© . All rights reserved.