HTML <blockquote>タグ


別のソースから引用されたセクション:

<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リファレンス:Blockquoteオブジェクト


デフォルトのCSS設定

ほとんどのブラウザは<blockquote>、次のデフォルト値で要素を表示します。

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