HTML <blockquote> 标签

定义和用法

<blockquote> 标签规定从其他来源引用的部分。

浏览器通常会缩进 <blockquote> 元素(请查看下面的例子以了解如何删除缩进)。

详细说明

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

提示:请使用 <q> 标签 来进行行内(短)引用。

另请参阅:

HTML DOM 参考手册:Blockquote 对象

实例

例子 1

从其他来源引用的部分:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,世界自然基金会(WWF)一直在保护自然的未来。
作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到了美国 120 万会员和全球近 500 万人的支持。
</blockquote>

亲自试一试

例子 2

使用 CSS 移除 blockquote 元素的缩进:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>这是世界自然基金会网站上的一句引用:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,世界自然基金会(WWF)一直在保护自然的未来。
作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到了美国 120 万会员和全球近 500 万人的支持。
</blockquote>

</body>
</html>

亲自试一试

属性

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

全局属性

<blockquote> 标签还支持 HTML 中的全局属性

事件属性

<blockquote> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <blockquote> 元素:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持