html中<rp>表示什么意思

Python010

html中<rp>表示什么意思,第1张

定义和用法

<rp>标签在 ruby 注释中使用,以定义不支持 ruby 元素浏览器所显示的内容。

ruby 注释是中文注音或字符。

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

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

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

HTML 4.01 与 HTML 5 之间的差异

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

提示和注释

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

全局属性

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

事件属性

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

语法范例:

<!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下可能会显示成

                吉林大学(ji lin da xue)

rt是注音内容

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

详细用法请看:http://www.w3school.com.cn/tags/tag_ruby.asp

上例显示效果(Chrome):

FireFox:

EDGE:

IE11:

以上内容参考了 http://blog.sina.com.cn/s/blog_6589fba30100uq3e.html 

这篇博文说是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" 元素的内容。

语义类标签是纯文字的补充,如标题、自然段、章节、列表等。<section>、<p>、<nav>。

现代互联网产品中,HTML描述"软件界面"多过"富文本",而软件界面里的东西,几乎是没有语义的。在任何"软件界面的场景中",可以直接使用div和span。

语义标签的优点:在很多工作场景里,正确地使用语义标签可以带来很多好处:

作为自然语言和纯文本的补充,用来表达一定的结构或消除歧义

<ruby>、<rt>、<rp>、

<em>

HTML应支持 文章的结构的区分。语义化的HTML能够支持自动生成目录结构。

一篇文档会有一个属性的目录结构,由各级标题组成,此树形结构可能与HTML元素的嵌套关系不一致。

<h1>~<h6>、<hgroup>

<section>

越来越多的浏览器退出的"阅读模式",以及各种非浏览器终端的出现,语义化的HTML适合机器阅读的特性变得越来越重要。能让浏览器很好的支持"阅读视图功能",提升搜索引擎的命中率,对视障用户的读屏软件更加友好。

<header>、<nav>、<aside>、<footer>、<address>

<article>

所谓 元信息 ,是指描述自身的信息,

元信息类标签就是HTML用以描述文档自身的一类标签。通常在head标签中,不会在页面中显示出来。

元信息类标签多数情况下是给浏览器、搜索引擎等机器阅读的,有时这些信息会在页面之外展示给用户。

必须是html标签中的第一个标签(若head前面有标签,浏览器解析的时候 ,head标签中的内容会被移到body中),

内容需包含一个title标签(文档作为iframe或有其他方式指定了文档标题时,可不包含title)(多个title时 只有一第一个生效),

最多只能包含一个base(页面中所有 相对 链接的基准URL)(多个base时 只有第一个生效)。

可以改变全局的相对链接地址。不建议使用哦。

meta标签是一组键值对,是一种通用的元信息表示标签。

meta标签中的name表示元信息名,content表示元信息的值

有http-equiv属性的meta标签,表示执行一个命令,不需要name属性

除了content-type, 还有以下几种命令:

没有在HTML标准中定义,却是移动端开发的事实标准