<blockquote>引用を表す

<blockquote>タグは、他から引用・転載されたコンテンツである事を表します。 引用元のURLがわかる場合は、cite属性にそのURLを入力します。

またblockquote要素はセクションとして機能するため、その中に<h1>や<p>タグなどを含める事ができます。 一般的なブラウザでは<blockquote>~</blockquote>で囲まれた部分はインデントされ表示されますが、それ目的でblockquote要素を使用する事は適切ではありません。

なお会話内容を示す場合は、blockquote要素ではなく、p要素を使用することがw3cでは推奨されています。 フレーズ単位での引用をしたい場合は<q>を利用します。

HTML5での変更点

HTML5のblockquote要素は、HTML4.01から大きな変化はありません。

書式

  • <blockquote 属性="値">~</blockquote> ……… 引用・転載を表す

属性

cite="url" 引用元のurlを指定

使用した時の例

<p>スティーブン・スピルバーグは、こんな人です。</p>
<blockquote cite="https://ja.wikipedia.org/wiki/スティーブン・スピルバーグ">
<h4>スティーブン・スピルバーグ</h4>
<p>スティーヴン・アラン・スピルバーグ(Steven Allan Spielberg, 1946年12月18日 - ) は、
アメリカ合衆国の映画監督、映画プロデューサー。アメリカ映画アカデミー会員。
大英帝国勲章 (KBE) 受章。</p>
</blockquote>

下記のようにも記述できます

<p>スティーブン・スピルバーグは、こんな人です。</p>
<blockquote>
<h4>スティーブン・スピルバーグ</h4>
<p>スティーヴン・アラン・スピルバーグ(Steven Allan Spielberg, 1946年12月18日 - ) は、
アメリカ合衆国の映画監督、映画プロデューサー。アメリカ映画アカデミー会員。
大英帝国勲章 (KBE) 受章。</p>
<footer>
<cite><a href="https://ja.wikipedia.org/wiki/スティーブン・スピルバーグ">wiki</a></cite>
</footer>
</blockquote>

ブラウザ上の表示例

スティーブン・スピルバーグは、こんな人です。

スティーブン・スピルバーグ

スティーヴン・アラン・スピルバーグ(Steven Allan Spielberg, 1946年12月18日 – ) は、 アメリカ合衆国の映画監督、映画プロデューサー。アメリカ映画アカデミー会員。大英帝国勲章 (KBE) 受章。

スティーブン・スピルバーグは、こんな人です。

スティーブン・スピルバーグ

スティーヴン・アラン・スピルバーグ(Steven Allan Spielberg, 1946年12月18日 – ) は、 アメリカ合衆国の映画監督、映画プロデューサー。アメリカ映画アカデミー会員。 大英帝国勲章 (KBE) 受章。

※上記の背景・引用符などはCSSで別途設定しています。通常はインデント(字下げ)されるだけとなります。

対応ブラウザなどのデータ

形式 <blockquote>~</blockquote> カテゴリ フローコンテンツ, セクショニングルート, パルパブルコンテンツ
親要素 フローコンテンツが期待される場所 子要素 フローコンテンツ
開始タグ 必須 終了タグ 必須
グローバル属性 accesskey / class / contenteditable / contextmenu / dir / draggable / hidden / id / lang / spellcheck / style / tabindex / title / translate
対応ブラウザ Internet Explorer8~ , Google Chrome14~ , Firefox7~ , Opera11.5~ , Safari5.1~