<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

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
blockquote
cite

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

參見

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