欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html中以及标签的使用

程序员文章站 2022-03-29 09:28:42
...
语法范例:
<!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):

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

FireFox:

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

EDGE:

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

IE11:

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

这篇博文说是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>标签的使用的详细内容,更多请关注其它相关文章!

相关标签: html ruby 使用