HTML 引用和引用元素


在本章中,我们将介绍<blockquote>,<q>,<abbr>,<address>,<cite>, 和<bdo>HTML 元素。


示例

Here is a quote from WWF's website:

For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
亲自试一试 »

HTML <blockquote> 用于引用

HTML<blockquote>元素定义从另一个源引用的部分。

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

示例

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
</blockquote>
亲自试一试 »

HTML <q> 用于简短引用

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

浏览器通常在引用两边插入引号。

示例

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
亲自试一试 »


HTML <abbr> 用于缩写

HTML<abbr>标签定义缩写词或首字母缩写词,例如"HTML"、"CSS"、"Mr."、"Dr."、"ASAP"、"ATM"。

标记缩写可以为浏览器、翻译系统和搜索引擎提供有用的信息。

提示:当您将鼠标悬停在元素上时,使用全局标题属性可显示缩写词/首字母缩略词的描述。

示例

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
亲自试一试 »

用于联系信息的 HTML <地址>

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

联系信息可以是电子邮件地址、URL、实际地址、电话号码、社交媒体账号等。

中的文字<address>元素通常呈现在斜体,并且浏览器总是会在之前和之后添加换行符<address>元素。

示例

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
亲自试一试 »

作品标题的 HTML <cite>

HTML<cite>标签定义创意作品的标题(例如一本书、一首诗、一首歌、一部电影、一幅画、一件雕塑等)。

笔记:一个人的名字不是作品的标题。

中的文字<cite>元素通常呈现在斜体

示例

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
亲自试一试 »

用于双向覆盖的 HTML <bdo>

BDO 代表双向覆盖。

HTML<bdo>标签用于覆盖当前文本方向:

示例

<bdo dir="rtl">This text will be written from right to left</bdo>
亲自试一试 »

HTML练习

通过练习测试一下

练习:

使用 HTML 元素在字母 "cool" 两边添加引号。

<p>
I am so cool .
</p>

开始练习


HTML 引用和引用元素

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

有关所有可用 HTML 标签的完整列表,请访问我们的HTML 标签参考