HTML中的blockquote元素使用介绍

blockquote元素

blockquote元素用于定义单独存在的引用，引用的内容可长可短，但必须来自另一个引用源。如果引用源有一个地址的话，还可以通过 blockquote元素的 cite 属性，来提供内容的引用源。

可以使用任意元素来包裹被引用的内容，如使用 figure元素来包裹 blockquote元素，使用 p 元素来对引用的内容进行分段。如果要添加署名，署名应该放在 blockquote元素的外面，如 figcaption 中：

<figure>
<blockquote cite="https://en.wikipedia.org/wiki/Skeptical Enquirer">
<p>The truth may be puzzling … we desperately want tobe true. </p>
</blockquote>
<figcaption>
   -- the <cite>Skeptical Enquirer</cite> Volume 19… (January-February1995)
</figcaption>
</figure>

blockquote元素中的所有文本都会从常规文本中分离出来，默认在新行中显示，并在左、右两侧进行缩进(增加外边距)，有的浏览器会使用斜体显示。运行结果如图 2-12 所示：

图2-12 blockquote元素

当然，也可以不使用 blockquote元素的 cite 属性，而是单独使用 cite 元素来定义引用的来源。如：

<blockquote>
    <p>The people recognize themselves … split-level home, kitchen equipment. <p>
    -- <cite><a href="https://en.wiki.org/wiki/Herbert">Herbert Marcuse</a></cite>
 </blockquote>

说明：blockquote和 q的区别

本质上，blockquote元素跟 q 元素是一样的，不同之处在于它们的应用和显示。q 元素用于简短的引用，如句子中的引用，而 blockquote 一般用于独立的、较长的引用块，引用的内容必须包括块级元素，如标题、列表、段落或p元素。

浏览器会把 blockquote元素显示为一个独立的块，并为它插入换行和外边距;而 q 元素的内容，仅仅是加上双引号而已。