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>

支持的浏览器

标签
rt	是 5.0	是 5.5	是 38.0	是 5.0	是 15.0

html_tags_reference.htm

打印页面