<blockquote>〜</blockquote> で囲まれた文章が、引用文であることを明示します。Internet Explorer や Netscape Navigator では、前後に改行され、両側に隙間をあけて表示されます。

スタイルシートが登場する以前、インデントを行うための手段が他に無かったために、<blockquote> はインデントの代役として使用されてきましたが、本来の意味は「引用」です。インデントの目的にはスタイルシートの margin-rightmargin-left を用いることが推奨されています。

しかし、ブラウザのバグなどの問題により、スタイルシートによるインデントが正常に動作しないことがあるためか、FrontPage Express などの HTML エディタでも、未だにインデントの代役として使用されているようです。

テキストをまとまった引用文(block-level quotation)として定義するには、blockquote要素を使用する。blockquote要素はブロックレベル要素であるが、直接インライン要素やテキストを含むことはできず、p要素などの他のブロックレベル要素を含まなければならない。

引用文の近くや引用文のなかで引用元の情報(WEBページや書名など)をテキストとして明示したい場合があるだろう。テキストを引用元・参照元の情報として定義するにはcite要素を利用する。

WEBデザイン BLOG