html ruby标签怎么用-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

html ruby标签用于定义 ruby 注释（中文注音或字符），在东亚使用，显示的是东亚字符的发音。将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用： <ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成。

html ruby标签怎么用？

标签定义及使用说明

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

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

将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用：

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

HTML 4.01 与 HTML5之间的差异：<ruby> 标签是 HTML5 中的新标签。

全局属性

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

事件属性

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

实例

一个 ruby 注释：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>
 
<ruby>
  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
 
</body>
</html>

效果输出：

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

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

以上就是html ruby标签怎么用的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html ruby标签怎么用

html ruby标签怎么用

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论