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

这篇具有很好参考价值的文章主要介绍了HTML5 <rt> 标签、HTML5 <ruby> 标签。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HTML5 <rt> 标签

实例

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

一个 ruby 注释:

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

尝试一下 »


浏览器支持

HTML5 <rt> 标签、HTML5 <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>


尝试一下 »


浏览器支持

HTML5 <rt> 标签、HTML5 <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 的事件属性。文章来源地址https://www.toymoban.com/news/detail-422826.html

到了这里,关于HTML5 <rt> 标签、HTML5 <ruby> 标签的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【HTML5系列】第一章 · HTML5新增语义化标签

            Hello大家好, 我是【 麟-小白 】,一位 软件工程 专业的学生,喜好 计算机知识 。希望大家能够一起 学习进步 呀!本人是一名 在读大学生 ,专业水平有限,如发现 错误 或 不足之处 ,请多多指正!谢谢大家!!!         如果 小哥哥小姐姐们 对我的文章感兴趣

    2024年02月04日
    浏览(40)
  • 【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )

    传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要 使用 Flash 浏览器插件才能实现 ; 在 HTML5 中 , 使用 多媒体标签 , 即可实现向浏览器中插入音视频 , 多媒体标签如下 : 音频标签 : audio 视频标签 : video HTML 5 的 audio 音频标签 , 支持 ogg / mp3 / wav 三种格式的音频 , 不同的

    2024年02月15日
    浏览(40)
  • HTML-常见标签、HTML5新特性

    (1) C/S架构即Client/Server(客户机/服务器)结构。 (2) C/S 架构特点 ​ C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发,变更不够灵活,维护和管理的难度较大。通常只

    2024年02月11日
    浏览(56)
  • HTML5前端标签练习

    标签的分类 标签的嵌套 a标签 验证form表单朝后端提交数据 效果 代码

    2024年02月08日
    浏览(44)
  • HTML5新增的标签

    header :头部标签 nav :导航标签 article :内容标签 section :定义文档某个区域 aside :侧边栏标签 footer :尾部标签 当前audio仅支持三种视频格式:尽量使用mp3格式 常见属性: 属性 值 描述 autoplay autoplay 如果出现该属性,则音频在就绪后马上播放 controls controls 如果出现该属性,则向用户

    2024年02月04日
    浏览(29)
  • HTML5 <select> 标签

    HTML5 select标签用于实现下拉列表。请参考下面的示例: 创建带有 4 个选项的选择列表: 尝试一下 » 所有主流浏览器都支持 select 标签。 select 元素用来创建下拉列表。 select 元素中的 option 标签定义了列表中的可用选项。 提示: select 元素是一种表单控件,可用于在表单中接

    2024年02月02日
    浏览(32)
  • 【HTML5】HTML5 多媒体标签 ② ( 视频标签 <video> | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )

    HTML 5 的 video 视频标签 , 支持 ogg / mpeg 4 ( mp4 ) / webM 三种格式的音频 , 不同的浏览器支持的音频格式不同 ; IE 浏览器 : 9.0 以上版本支持 mp4 格式 ; Firefox 浏览器 : 3.5 以上版本支持 ogg 格式 ; 4.0 以上版本支持 webM 格式 ; Opera 浏览器 : 10.5 以上版本支持 ogg 格式 ; 10.6 以上版本支持

    2024年02月09日
    浏览(45)
  • HTML5概述 - 语义化标签

    1、什么是 HTML5 HTML5 不是一门新的语言,而是我们之前学习的 HTML 的第五次重大修改版本。 2、HTML 的发展历史 •超文本标记语言(第一版,不叫 HTML 1.0)——在 1993 年 6 月作为互联网工程工作小组(IETF)工作草案发布(并非标准);•HTML 2.0——1995 年 11 月作为 RFC 1866 发布

    2024年02月08日
    浏览(45)
  • HTML5-1-标签及属性

    页面的组成: HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。 HTML5 是下一代 HTML 标准。 HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。 基本结构: HTML中不区分大小写,但

    2024年02月10日
    浏览(51)
  • HTML5基础语法与标签

    HTML5是什么? HTML5是超文本标记语言(HTML)的第五个主要版本,用于描述网页结构和呈现内容。它是到目前为止最新且最强大的HTML版本。 HTML5语法约定 1.标签是HTML语法中的基本单位,由尖括号 ​​ 包围,每个标签通常有一个起始标签(opening tag)和一个结束标签(closing t

    2024年02月13日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包