HTML ruby标记 HTMLruby标记|HTML5

本文概述

属性
支持的浏览器

HTML < ruby> 标记用于表示网页上的红宝石注释。如果我们想显示诸如中文和日文中文之类的东亚字符的发音, 则使用Ruby注释非常有用。
< ruby> 标记包含一个或多个< rt> 元素, 这些元素给出红宝石注释的发音并显示在注释字符上方。它还可以包含< rp> （可选）元素, 该元素用作不支持ruby注释的浏览器的后备括号。
【HTML 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>

立即测试
输出：