当前位置: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):

1748.jpg

FireFox:

1749.jpg

EDGE:

1750.jpg

IE11:

1751.jpg

这篇博文说是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网其它相关文章!

人气教程排行