HTML ruby标记 - 珊瑚贝

本文概述

属性
支持的浏览器

HTML <ruby>标记用于表示网页上的红宝石注释。如果我们想显示诸如中文和日文中文之类的东亚字符的发音, 则使用Ruby注释非常有用。

<ruby>标记包含一个或多个<rt>元素, 这些元素给出红宝石注释的发音并显示在注释字符上方。它还可以包含<rp>（可选）元素, 该元素用作不支持ruby注释的浏览器的后备括号。

除了东亚语言外, HTML <ruby>标记还可用于表示与主要内容相关的小注释。

<ruby>标记是HTML5中的新标记。

句法

<ruby>......</ruby>

以下是有关HTML <ruby>标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	formatting

例

<!DOCTYPE html>
<html>
<head>
	<title>HTML ruby tag</title>
	<style>
	body{
		text-align: center;
	}
		rt{ font-size: 10px;
			color: green;
		}
	</style>
</head>
<body>
<h1>Example of ruby tag</h1>
<p>East Asian Langugae Annotation</p>
<ruby>
	 大哥<rt>Big Brother</rt>
</ruby>

<p>Noraml Annotaion Representation of Expiry date</p>
<ruby>
	2022<rp>(</rp><rt>Year</rt><rp>)</rp>
	 12<rp>(</rp><rt> Month</rt><rp>)</rp>
	06<rp>(</rp><rt>Date</rt><rp>)</rp>
</ruby>
</body>
</html>

立即测试

输出：