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;
}