如果你曾经看过一个HTML元素列表，你可能会发现自己问“什么是块引用？” blockquote元素是用于定义长引号的HTML标记对。 以下是根据W3C HTML5规范定义的元素：
blockquote元素表示从另一个来源引用的部分。
如何在您的网页上使用Blockquote
当您在网页上撰写文本并创建该页面的布局时，有时您需要将一段文本作为引语进行调用。
这可能是来自其他地方的引用，如伴随案例研究或项目成功案例的客户证言。 这也可能是一种重复设计文章或内容本身的重要文字。 在发布时，这有时被称为拉引语 。在网页设计中，实现此目的的一种方式（以及我们在本文中介绍的方式）称为“引用”。
那么让我们来看看如何使用blockquote标签来定义长引文，例如Lewis Carroll的“The Jabberwocky”摘录：
'Twas brillig和裂缝趾甲
wabe中的回旋和灵活：
所有的模仿都是borogoves，
而这个女人也是不合群的。
（由刘易斯卡罗尔）
使用Blockquote标签的示例
blockquote标签是一个语义标签，告诉浏览器或用户代理该内容是长引用。 因此，您不应该在blockquote标签内附上不是引号的文本。请记住，“引号”通常是某人说的实际词或来自外部来源的文本（如本文中的Lewis Carroll文字），但它也可以是我们之前介绍过的pullquote概念。
当你思考这个问题时，这个引用是文本的引用，它恰好来自引用本身出现的同一篇文章。
大多数网页浏览器都会在一个blockquote的两侧添加一些缩进（大约5个空格）以使其与周围的文本脱颖而出。 一些极其旧的浏览器甚至可能以斜体显示引用的文本。
请记住，这仅仅是blockquote元素的默认样式。 使用CSS，您可以完全控制blockquote的显示方式。 您可以增加甚至删除缩进，添加背景颜色或增加文字大小以进一步调出报价。 您可以将该报价浮动到页面的一侧，并将其他文本环绕在其周围，这是用于印刷杂志中的一些常用的视觉样式。 您可以通过CSS控制blockquote的外观，我们将稍后再讨论一下。 现在，让我们继续看看如何将报价本身添加到您的HTML标记中。
要将blockquote标签添加到文本中，只需将包含以下标签对的文本括起来即可 -
例如：
'Twas brillig和裂缝趾甲
wabe中的回旋和灵活：
所有的模仿都是borogoves，
而这个女人也是不合群的。
如您所见，只需在报价内容周围添加一对blockquote标签。 在这个例子中，我们也使用了一些break标签（
）在适当的文本内添加单行换行符。 这是因为我们正在从一首诗中重新创建文本，这些特定的中断很重要。 如果您正在创建客户评价报价，并且行不需要中断特定部分，则不会希望添加这些中断标记，并允许浏览器根据屏幕大小根据需要进行换行和中断。
不要使用Blockquote来缩进文本
多年来，如果人们想要在他们的网页上缩进文字，即使文字不是抽象符号，人们也会使用blockquote标签。 这是一个不好的做法！ 您不希望仅出于视觉原因而使用blockquote的语义。 如果你需要缩进你的文本，你应该使用样式表，而不是使用blockquote标签（当然，除非你试图缩进是一个引用！）。 如果您只是想添加缩进，请尝试将此代码放入您的网页中：
这将是缩进的文本。
接下来，您将使用CSS样式定位该类
.indented {
填充：0 10px;
}
这将10个像素的填充添加到段落的任一侧。
Jennifer Krynin的原创文章。 由Jeremy Girard于5/8/17编辑。