您现在的位置是:首页 >技术交流 >HTML5 <rt> 标签、HTML5 <ruby> 标签网站首页技术交流

HTML5 <rt> 标签、HTML5 <ruby> 标签

thgj0006 2023-06-06 12:00:02
简介HTML5 <rt> 标签、HTML5 <ruby> 标签

HTML5 <rt> 标签

实例

HTML5 <rt>标签用于表示为<ruby>标签中的注释内容。

一个 ruby 注释:

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

尝试一下 »


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <rt> 标签。


标签定义及使用说明

<rt> 标签定义字符(中文注音或字符)的解释或发音。

将 <rt> 标签与 <ruby><rp> 标签一起使用:
<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。


HTML 4.01 与 HTML5之间的差异

<rt> 标签是 HTML5 中的新标签。


全局属性

<rt> 标签支持 HTML 的全局属性


事件属性

<rt> 标签支持 HTML 的事件属性

HTML5 <ruby> 标签

实例

HTML5 <ruby>标签作为注释标签使用。请参考下述示例:

一个 ruby 注释:

<ruby>
  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
  字 <rp>(</rp><rt>Zi</rt><rp>)</rp>
</ruby>


尝试一下 »


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <ruby> 标签。


标签定义及使用说明

<ruby> 标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

将 <ruby> 标签与 <rt><rp> 标签一起使用:
<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。


HTML 4.01 与 HTML5之间的差异

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


全局属性

<ruby> 标签支持 HTML 的全局属性


事件属性

<ruby> 标签支持 HTML 的事件属性

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。