<blockquote>:引用塊元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<blockquote> HTML 元素表示所包含的文本是擴展引用。通常,這通過縮進在視覺上呈現(有關如何更改,請參見注意事項)。可以使用 cite 屬性提供引用信息的源文檔或消息的 URL,而使用 <cite> 元素可以提供源的文本表示。

嘗試一下

屬性

此元素的屬性包括全局屬性

cite

一個 URL,指定了信息引用的源文檔或消息。此屬性旨在指向解釋引文的上下文或引文參考的信息。

使用注意事項

要更改引用文本的縮進,請使用 CSS margin-left 和/或 margin-right 屬性,或 margin 簡寫屬性。

要內聯包含較短的引文而不是在單獨的塊中使用,請使用 <q>(引用)元素。

範例

此示例演示了使用 <blockquote> 元素引用 RFC 1149 的一段文字。

html
<blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149">
  <p>
    鳥類運輸可以提供高延遲、低吞吐量和低高度的服務。連接拓撲僅限於每個運輸工具的單一點對點路徑,與標準運輸工具一起使用,但在初春之外,可以使用許多運輸工具而不會對彼此產生顯著的干擾。這是由於鳥類運輸工具可用的三維以太空間,與
    IEEE802.3
    使用的一維以太相對應。運輸工具具有內在的碰撞回避系統,提高了可用性。
  </p>
</blockquote>

結果

技術摘要

內容類別 流內容、章節根、捫及內容 。
允許的內容 流內容
標籤省略 不允許,開始和結束標籤都是必須的。
允許的父元素 任何接受流內容的元素。
隱含的 ARIA 角色 blockquote
允許的 ARIA 角色 任何
DOM 介面 HTMLQuoteElement

規範

Specification
HTML Standard
# the-blockquote-element

瀏覽器相容性

BCD tables only load in the browser

參見

  • 內聯引文的 <q> 元素。
  • 引文來源的 <cite> 元素。