2.7.3 HTML 引文, 引用, 及标签定义,HTML入门到精通|计算机毕业设计,计算机毕业论文开题报告,毕设作品网

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证

abbr 标签

<abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。

通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>abbr 标签</title>
</head>
<body>
     <p><abbr title="Huang Ju Hua">HJH</abbr> 是名字的缩写！</p>
</body>
</html>

效果如图2-12。

address 标签

<address> 标签定义文档小白教程网作者/所有者的联系信息。

如果 <address> 元素位于 <body> 元素内部，则它表示该文档小白教程网作者/所有者的联系信息。

如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。

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

提示：不应该使用 <address> 标签来描述邮政地址，除非这些信息是联系信息的组成部分。

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

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>address 标签</title>
</head>
<body>
     <address>
     作者<a href="mailto:45157718@qq.com">黄菊华</a>.<br>
     浙江杭州东港路118号<br>
     中国
     </address>
</body>
</html>

效果如图2-13。

bdo 标签

bdo 指的是 bidi 覆盖（Bi-Directional Override）。

<bdo> 标签用来覆盖默认的文本方向。属性如下：

属性	值	描述
dir	ltr rtl	必需。规定 <bdo> 元素内的文本方向。

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>bdo 标签</title>
</head>
<body>
     <p>该段落文字从左到右显示。</p> 
     <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p> 
 </body>
</html>

效果如图2-14。

blockquote 标签

<blockquote> 标签定义摘自另一个源的块引用。

浏览器通常会对 <blockquote> 元素进行缩进。

提示：如果标记是不需要段落分隔的短引用，请使用 <q>，属性如下：

属性	值	描述
cite	URL	规定引用的来源。

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>blockquote 标签</title>
</head>
<body>
     <h1>blockquote 标签</h1>
     <p>下面是我们引用的内容:</p>
     <blockquote cite="http://www.4317.org">
             blockquote标签定义摘自另一个源的块引用。浏览器通常会对blockquote元素进行缩进。
     </blockquote>
 </body>
</html>

效果如图2-15。

q 标签

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

浏览器经常会在这种引用的周围插入引号。

提示：请使用 <blockquote> 来标记摘自另一个源的块引用，属性如下：

属性	值	描述
cite	URL	规定引用的源 URL。

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>q 标签</title>
</head>
<body>
     <p>q 标签:
             <q>q标签定义一个短的引用。浏览器经常会在这种引用的周围插入引号</q>,
             前面是引用内容。
     </p>
</body>
</html>

效果如图2-16。

cite 标签

<cite> 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。

注释：人名不属于作品的标题。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中，<cite> 标签定义作品的标题。

在 HTML 4.01 中，<cite> 标签定义一个引用。

下面我们来看下在网页中的效果，示例

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cite 标签</title>
</head>
<body>
     <h2>HTML从入门到精通</h2>
     <p><cite>图书作者</cite> 黄菊华 于 浙江杭州</p>
 </body>
</html>

效果如图图2-17。

上一篇： 2.7.2 HTML 计算机输出标签

下一篇： 2.8 HTML 链接 a标签