码农教程 - 一技在手,衣食无忧! tools

HTML <blockquote> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

引用自其他来源的一段内容：

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

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

浏览器通常会缩进<blockquote>元素（查看下面的示例以了解如何删除缩进）。

提示和注释

提示：使用<q>用于内联（短）引用。

浏览器支持

Element
<blockquote> Yes Yes Yes Yes Yes

属性

Attribute Value Description
cite URL Specifies the source of the quotation

全局属性

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

事件属性

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

更多示例

示例

使用 CSS 删除 blockquote 元素的缩进：

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

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>
亲自试一试 »

相关页面

HTML DOM 参考：块引用对象

默认 CSS 设置

大多数浏览器都会显示<blockquote>具有以下默认值的元素：

示例

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


❮上一节 完整的 HTML参考 下一节❯