如果你曾經看過一個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編輯。