HTML <blockquote> 标签
实例
引用其他来源的章节:
<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,WWF 一直致力于保护自然的未来。 WWF 是世界领先的保护组织,在 100 个国家/地区开展工作,在美国有 120 万会员,在全球有近 500 万会员。
</blockquote>
亲自试一试 »
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>
亲自试一试 »
<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;
}
亲自试一试 »
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}