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

最新文章

  1. 文件上传之Apache commons fileupload使用
  2. CSS基础之居中显示
  3. Alcatraz安装 不能用解决方案
  4. Sphinx 实时索引
  5. debian之samba服务器搭建
  6. bootstrap学习笔记(6)
  7. 使用CSS3制作72个webapp图标
  8. C++查询网站
  9. nginx gzip 模块配置
  10. 线程池的原理及实现 (zhuan)
  11. React Native知识点
  12. hdu 4857 逃生
  13. 从零开始学java(小游戏 石头剪刀布)
  14. STL List容器
  15. Ajax下载文件(页面无刷新)
  16. linux下新建svn项目
  17. java基础笔记(4)----数组
  18. 笔记本装双系统!win10+Linux!所有的坑自己一个个爬过来,纪念一下。
  19. 【Jest】笔记三:全局变量
  20. Your branch and remoteBranchName have diverged solution

热门文章

  1. php常用数组函数回顾一
  2. Safari浏览器中对js Date对象的支持
  3. 创建如下三个类:(People类中的三个方法分别输出一些信息,ChinaPeople 和AmericanPeople类重写父类的三个方法)。
  4. 最常用的ES6特性
  5. UI控件封装一般步骤
  6. WPF 中 InitializeComponent 不存在解决方案
  7. CSS样式表(三)
  8. 公钥私钥和RSA算法
  9. (IEEE-754) 字节数组与浮点数之间的互相转换(MODBUS float类型)
  10. QT连接MySQL