HTML <rt> 标签,用于指定 ruby 注解的 ruby 文本说明。它为中文、日文和韩文的书写系统提供发音、翻译或音译信息。这是 HTML5 中包含的新标签。<rt> 标签必须包含在 <ruby> 和 <rp> 标签中。
语法
<rt>.....</rt>
属性
<rt> 标签示例
在下面的示例中,我们将看到用例,在哪里以及如何使用 <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>QikepuCom</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> QikepuCom </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 QikepuCom </rt>
</ruby>
</body>
</html>
支持的浏览器
浏览器 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
<rt> | 5.0 | 5.5 | 38.0 | 5.0 | 15.0 |