如果您曾经查看过HTML元素列表，您可能会发现自己在问“什么是blockquote？”blockquote元素是用于定义长引号的HTML标记对。以下是根据W3C HTML5规范对该元素的定义：

如何在网页上使用blockquote

当您在网页上编写文本并创建该网页的布局时，有时需要将一段文本作为引用。这可能是来自其他地方的引用，比如伴随案例研究或项目成功故事的客户推荐信。

这也可能是重复文章或内容本身中某些重要文本的设计处理。在发布中，这有时被称为拉式引用，在web设计中，实现这一点的方法之一（以及我们在本文中介绍的方法）被称为块式引用。

让我们看看如何使用blockquote标记来定义长引号，例如Lewis Carroll的“Jabberwocky”摘录：

布瑞利和斯莱特托维斯德在瓦贝旋转和摇摆：所有的米姆西都是波罗戈夫人，而摩米·瑞斯则被压倒了。

（刘易斯·卡罗尔）

使用blockquote标记的示例

blockquote标记是一个语义标记，它告诉浏览器或用户代理内容是一个长引号。因此，您不应该在blockquote标记中包含非引号的文本。

引语通常是某人所说的实际单词或来自外部来源的文本（如本文中的Lewis Carroll文本），但也可以是我们前面介绍的拉引语概念。

仔细想想，这个引语是一个文本引语，它恰好来自引语本身出现的同一篇文章。

大多数web浏览器都会在blockquote的两侧添加一些缩进（大约5个空格），使其在周围的文本中脱颖而出。一些非常旧的浏览器甚至可能以斜体显示引用的文本。请记住，这只是blockquote元素的默认样式。

使用CSS，您可以完全控制blockquote的显示方式。您可以增加甚至删除缩进、添加背景色或增加文本大小以进一步调出报价。您可以将该引用浮动到页面的一侧，并将另一个文本环绕在其周围，这是印刷杂志中用于拉引的常见视觉样式。

您可以通过CSS控制blockquote的外观，这一点我们将在稍后讨论。现在，让我们继续研究如何将报价本身添加到HTML标记中。

要将blockquote标记添加到文本中，只需使用以下标记对将引用文本包围起来：

• 开幕式：
• 结束：

例如：

Add the pair of blockquote tags around the content of the quote itself. In this example, we also used some break tags ( ) to add single line breaks where appropriate inside of the text. This is because we are recreating text from a poem, where those specific breaks are important.

If you were creating a customer testimonial quote, and the lines did not need to break in specific parts, you would not want to add these break tags and allow the browser itself to wrap and break as needed based on the screen size.

Do Not Use Blockquote to Indent Text

For many years, people used the blockquote tag if they wanted to indent text on their webpage, even if that text was not a pull quote. This is a bad practice! You do not want to use the semantics of blockquote solely for visual reasons.

If you need to indent your text, you should use style sheets, not the blockquote tags (unless, of course, what you are trying to indent is a quote!).