HTML
<blockquote>
元素
(或
HTML 块引用元素
) 指示封闭文本是扩展引号。通常,这通过缩进视觉呈现 (见
注意事项
了解如何改变它)。引用源 URL 的给定可以使用
cite
属性,而源的文本表示的给定可以使用
<cite>
元素。
| 内容类别 | 流内容 , sectioning root, palpable content. |
|---|---|
| 准许内容 | 流内容 . |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts flow content . |
| Implicit ARIA role | 无对应角色 |
| Permitted ARIA roles | 任何 |
| DOM 接口 |
HTMLQuoteElement
|
This element's attributes include the 全局属性 .
cite
A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.
To change the indentation applied to the quoted text, use the
CSS
margin-left
and/or
margin-right
properties, or the
margin
shorthand property.
To include shorter quotes inline rather than in a separate block, use the
<q>
(Quotation) element.
This example demonstrates the use of the
<blockquote>
element to quote a passage from
RFC 1149
,
A Standard for the Transmission of IP Datagrams on Avian Carriers.
<blockquote cite="https://tools.ietf.org/html/rfc1149"> <p>Avian carriers can provide high delay, low throughput, and low altitude service. The connection topology is limited to a single point-to-point path for each carrier, used with standard carriers, but many carriers can be used without significant interference with each other, outside of early spring. This is because of the 3D ether space available to the carriers, in contrast to the 1D ether used by IEEE802.3. The carriers have an intrinsic collision avoidance system, which increases availability.</p> </blockquote>
The output from this HTML snippet looks like this:
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Firefox for Android | Opera for Android | Safari on iOS | Samsung Internet | |
blockquote
|
Chrome 完整支持 Yes | Edge 完整支持 12 | Firefox 完整支持 1 | IE 完整支持 Yes | Opera 完整支持 Yes | Safari 完整支持 Yes | WebView Android 完整支持 Yes | Chrome Android 完整支持 Yes | Firefox Android 完整支持 4 | Opera Android 完整支持 Yes | Safari iOS 完整支持 Yes | Samsung Internet Android 完整支持 Yes |
cite
|
Chrome 完整支持 Yes | Edge 完整支持 12 | Firefox 完整支持 1 | IE 完整支持 Yes | Opera 完整支持 Yes | Safari 完整支持 Yes | WebView Android 完整支持 Yes | Chrome Android 完整支持 Yes | Firefox Android 完整支持 4 | Opera Android 完整支持 Yes | Safari iOS 完整支持 Yes | Samsung Internet Android 完整支持 Yes |