HTML - rt 标签

HTML <rt> 标签，用于指定 ruby 注解的 ruby 文本说明。它为中文、日文和韩文的书写系统提供发音、翻译或音译信息。这是 HTML5 中包含的新标签。<rt> 标签必须包含在 <ruby> 和 <rp> 标签中。

语法


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

属性

<rt> 标签支持 HTML 的全局属性和事件属性。

<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

打印本页