当前位置：Gxlcms > html代码 > html中<ruby>和<rp>以及<rt>标签的使用

html中<ruby>和<rp>以及<rt>标签的使用

时间：2021-07-01 10:21:17 帮助过：129人阅读

语法范例：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <ruby>
        <rb>吉林大学</rb>
        <rp>(</rp>
        <rt>きつ りん だい がく</rt>
        <rp>)</rp>
    </ruby>
    <p></p>
    <ruby>
        <rb>吉林大学</rb>
        <rp>(</rp>
        <rt>ji lin da xue</rt>
        <rp>)</rp>
    </ruby>
</body>
 
</html>

ruby包围要注音的文字，内含三个元素。

　　rb是要注音的对象

　　rp:若浏览器不支持ruby那么上例就会依次显示rb rp rt rp rb内容在同一行。如果浏览器支持，那么rp内容不会显示。如上例，在IE8下可能会显示成

rt是注音内容

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <ruby> 标签。

上例显示效果(Chrome):

FireFox:

EDGE:

IE11:

这篇博文说是Xhtml1.1的标签

----------------------分割线-----------------------

w3school说是HTML5的标签，而且有点不同：ruby只需包含rt即可，rp是可选的，而且没有rb标签

以下复制自w3school

HTML <ruby> 标签

实例

一个 ruby 注释：

　　<ruby>
汉 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <ruby> 标签。

注释：Internet Explorer 8 以及更早的版本不支持 <ruby> 标签。

定义和用法：

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

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

与 <ruby> 以及 <rt> 标签一同使用：

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

HTML 4.01 与 HTML 5 之间的差异

<ruby> 标签是 HTML 5 的新标签。

提示和注释

提示：支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。

是RD与RT吧？路由区分符(Route Distinguisher：RD)和路由目标(Route Target：RT)两大属性 RD VPN中IP地址的规划是由客户自行制订的，因而有可能会出现客户选择在RFC1918中定义的私有地址作为他们的站点地址或者不同的VPN使用相同的地址域，也就...

以上就是html中<ruby>和<rp>以及<rt>标签的使用的详细内容，更多请关注Gxl网其它相关文章！

html中<ruby>和<rp>以及<rt>标签的使用

人气教程排行