0411-39943997
工作时间:周一至周日 8:30-17:30
技术文库
Technical Library

HTML 引用

标签: HTML知识   访问: 9232019-07-05

引用(Quotation)

五十年来,WWF 一直致力于保护自然界的未来。 世界领先的环保组织,WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。

HTML <q> 用于短的引用

HTML <q> 元素定义短的引用。

浏览器通常会为 <q> 元素包围引号。

实例:

<!DOCTYPE html>
<html>
<body>

<p>浏览器通常会在 q 元素周围包围引号。</p>

<p>WWF 的目标是 <q>构建人与自然和谐相处的世界。</q></p>

</body>
</html>

结果查看:


浏览器通常会在 q 元素周围包围引号。

WWF 的目标是“构建人与自然和谐相处的世界。”

用于长引用的 HTML <blockquote>

HTML <blockquote> 元素定义被引用的节。

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

实例:

<!DOCTYPE html>
<html>
<body>

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

<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来,WWF 一直致力于保护自然界的未来。
WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

</body>
</html>

查看结果:

浏览器通常会对 blockquote 元素进行缩进处理。

      五十年来,WWF 一直致力于保护自然界的未来。 WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五

      百万会员的支持。

用于缩略词的 HTML <abbr>

HTML <abbr> 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

实例:

<!DOCTYPE html>
<html>
<body>

<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

image.png

用于定义的 HTML <dfn>

HTML <dfn> 元素定义项目或缩写的定义。

<dfn> 的用法,按照 HTML5 标准中的描述,有点复杂:

1. 如果设置了 <dfn> 元素的 title 属性,则定义项目:

实例:

<!DOCTYPE html>
<html>
<body>

<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

image.png

2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:
实例:

<!DOCTYPE html>
<html>
<body>

<p>The
<dfn><abbr title="World Health Organization">WHO</abbr></dfn>
was founded in 1948.
</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

image.png

3. 否则,<dfn> 文本内容即是项目,并且父元素包含定义。

实例:


<!DOCTYPE html>
<html>
<body>

<p>The
<dfn>WHO</dfn> World Health Organization was founded in 1948.
</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

查看结果:

The WHO World Health Organization was founded in 1948.

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

注释:如果您希望简而化之,请使用第一条,或使用 <abbr> 代替。

用于联系信息的 HTML <address>

HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。

此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

实例:

<!DOCTYPE html>
<html>
<body>

<p>HTML address 元素定义文档或文章的联系信息(作者/拥有者)。</p>

<address>
Written by Jon Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

结果查看:

HTML address 元素定义文档或文章的联系信息(作者/拥有者)。

Written by Jon Doe.

Visit us at:

Example.com

Box 564, Disneyland

USA

用于著作标题的 HTML <cite>

HTML <cite> 元素定义著作的标题。

浏览器通常会以斜体显示 <cite> 元素。

实例:

<!DOCTYPE html>
<html>
<body>

<p>HTML cite 元素定义著作的标题。</p>
<p>浏览器通常会以斜体显示 cite 元素。</p>

<img src="img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>


</body>
</html>

image.png

用于双向重写的 HTML <bdo>

HTML <bdo> 元素定义双流向覆盖(bi-directional override)。

<bdo> 元素用于覆盖当前文本方向:

实例:

<!DOCTYPE html>
<html>
<body>

<p>
如果您的浏览器支持 bdo,则文本将从右向左进行书写 (rtl):
</p>

<bdo dir="rtl">
This line will be written from right to left
</bdo>

</body>
</html>

image.png

HTML 引文、引用和定义元素:


   标签   描述
<abbr>定义缩写或首字母缩略语。
<address>定义文档作者或拥有者的联系信息。
<bdo>定义文本方向。
<blockquote>定义从其他来源引用的节。
<dfn>定义项目或缩略词的定义。
<q>定义短的行内引用。
<cite>定义著作的标题。

本站关键词:大连网站建设  |  大连网络公司

Copyright© 2020 仟亿科技,All rights reserved.