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
支持 支持 支持 支持 支持