码迷,mamicode.com
首页 > 其他好文 > 详细

引用、引用和术语定义<abbr><acronym><address><bdo><blockquote><q><cite><dfn>

时间:2016-07-04 20:19:29      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

<abbr>-缩写

<acronym>-首字母缩写

 <address>-地址

<bdo>-文字方向

<blockquote>-长的引用

<q>-短的引用语

<cite>-引用、引证

<dfn>-定义项目

<abbr> 标签

定义和用法:

<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO"。

通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。

提示和注释

提示:可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

例子:

The PRC was founded in 1949.

The <abbr title="People‘s Republic of China">PRC</abbr> was founded in 1949.

<acronym> 标签

定义和用法:

HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替。

<acronym> 标签定义首字母缩写。

缩写能够作为单词来朗读,例如 NATO, NASA, ASAP, GUI。

通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

提示和注释

提示:title 属性可用于在鼠标指针移动到元素上时显示出缩写的完整版本。

HTML 4.01 与 HTML5 之间的差异

HTML5 中不支持 <acronym> 标签,但是在 HTML 4.01 中支持。

<address> 标签

定义和用法:

<address> 标签定义文档或文章的作者/拥有者的联系信息。

如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。

如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

提示和注释

提示:<address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分。

提示:<address> 元素通常连同其他信息被包含在 <footer> 元素中。

HTML 4.01 与 HTML5 之间的差异

HTML 4.01 不支持 <article> 标签,因此在 HTML 4.01 中,<address> 标签始终定义文档作者/拥有者的联系信息。

例子:

Written by Donald Duck.
Visit us at:
Example.com
Box 564, Disneyland
USA
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

<bdo> 标签

定义和用法:

bdo 元素可覆盖默认的文本方向。

 属性:

dir:定义文字的方向

  • ltr  (从左到右输出)   Here is some text  
    <bdo dir="ltr">Here is some text</bdo>
  • rtl  (从右到左输出)  Here is some text  
    <bdo dir="rtl">Here is some text</bdo>

<blockquote> 标签

定义和用法:

<blockquote> 标签定义块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

例子:

Here comes a long quotation:

This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.

请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。

<p>Here comes a long quotation:/<p>

<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>

<p>请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。</p>

 提示和注释:

提示:请使用 q 元素来标记短的引用。

注释:如需把页面作为 strict XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素,比如这样:

here is a long quotation here is a long quotation

here is a long quotation here is a long quotation

<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>
<p>here is a long quotation here is a long quotation</p>

<q> 标签

定义和用法:

<q> 标签定义短的引用。

浏览器经常在引用的内容周围添加引号。

<q> 与 <blockquote> 的区别

<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。

提示和注释:

提示:根据 HTML 4.01 规范,q 元素应当使用分界引号来呈现,就是说,q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定,但是 Internet Explorer 却不支持此规定。结果,如果要使用 <q> 标签,而且用自己的引号来满足 Internet Explorer,那么就要在符合标准的浏览器使用两组引号。尽管如此,我们还是推荐使用 <q> 标签,这不仅仅因为我们喜欢标准,还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。

例子: 

Here comes a short quotation: This is a short quotation

请注意,浏览器在引用的周围插入了引号。

<p>Here comes a short quotation: <q>This is a short quotation</q></p>

<p>请注意,浏览器在引用的周围插入了引号。</p>

<cite> 标签

定义和用法:

<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。

按照惯例,引用的文本将以斜体显示。

用 <cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。

<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

<dfn> 标签

定义和用法:

<dfn> 标签可标记那些对特殊术语或短语的定义。

现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。

与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。

 

引用、引用和术语定义<abbr><acronym><address><bdo><blockquote><q><cite><dfn>

标签:

原文地址:http://www.cnblogs.com/zuihongyan/p/5641369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!