HTML5 小用法2
2016-10-10 本文已影响0人
96028f3e3bf4
用于缩略词的 HTML <abbr>
HTML<abbr>元素定义缩写或首字母缩略语。
1. 对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

运行后的结果是如下:

当把鼠标放在WHO上,会显示上面的World Health Organization的缩写。
2.
用于定义的 HTML <dfn>
HTML<dfn>元素定义项目或缩写的定义。
<dfn>的用法,按照 HTML5 标准中的描述,有点复杂:
1. 如果设置了 <dfn>元素的 title 属性,则定义项目:

运行结果如下:
TheWHOwas founded in 1948.
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
3.
. 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:

运行结果如下:

当把鼠标放在WHO 上,会出现World Health Organization 的缩写.
4.
用于联系信息的 HTML<address>
HTML<address>元素定义文档或文章的联系信息(作者/拥有者)。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
实例:

运行结果:
HTML address 元素定义文档或文章的联系信息(作者/拥有者)。
Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA
5.
用于著作标题的 HTML<cite>
HTML<cite>元素定义著作的标题。
浏览器通常会以斜体显示 元素。
例子:

运行如下: