轻松上手,快乐学习!

HTML <blockquote> 标签



实例

引用其他来源的章节:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,WWF 一直致力于保护自然的未来。 WWF 是世界领先的保护组织,在 100 个国家/地区开展工作,在美国有 120 万会员,在全球有近 500 万会员。
</blockquote>
亲自试一试 »

下面有更多实例。


定义和用法

<blockquote> 标签定义块引用。

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


提示和注释

提示: 请使用 q 元素来标记短的引用。


浏览器支持

元素
<blockquote> Yes Yes Yes Yes Yes

属性

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

全局属性

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


事件属性

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


更多实例

实例

使用 CSS 从 blockquote 元素中删除缩进:

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

<p>以下是 WWF 网站的引述:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,WWF 一直致力于保护自然的未来。 WWF 是世界领先的保护组织,在 100 个国家/地区开展工作,在美国有 120 万会员,在全球有近 500 万会员。
</blockquote>
</body>
</html>
亲自试一试 »

相关页面

HTML DOM 参考手册: Blockquote 对象


默认CSS设置

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

实例

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
亲自试一试 »