aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/html/element/blockquote
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/web/html/element/blockquote
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/zh-cn/web/html/element/blockquote')
-rw-r--r--files/zh-cn/web/html/element/blockquote/index.html127
1 files changed, 127 insertions, 0 deletions
diff --git a/files/zh-cn/web/html/element/blockquote/index.html b/files/zh-cn/web/html/element/blockquote/index.html
new file mode 100644
index 0000000000..4bd40652b7
--- /dev/null
+++ b/files/zh-cn/web/html/element/blockquote/index.html
@@ -0,0 +1,127 @@
+---
+title: <blockquote>:块级引用元素
+slug: Web/HTML/Element/blockquote
+tags:
+ - Blockquote
+ - 元素
+ - 块级引用
+ - 引用
+translation_of: Web/HTML/Element/blockquote
+---
+<div>{{HTMLRef}}</div>
+
+<p><strong>HTML <code>&lt;blockquote&gt;</code> 元素</strong>(或者 HTML 块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进(<a href="/zh-CN/docs/Web/HTML/Element/blockquote#Notes">注</a> 中说明了如何更改)。若引文来源于网络,则可以将原内容的出处 URL 地址设置到 cite 特性上,若要以文本的形式告知读者引文的出处时,可以通过 {{HTMLElement("cite")}} 元素。</p>
+
+<div>{{EmbedInteractiveExample("pages/tabbed/blockquote.html","tabbed-standard")}}</div>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Content categories</a></th>
+ <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, sectioning root, palpable content.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted content</th>
+ <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>.</td>
+ </tr>
+ <tr>
+ <th scope="row">Tag omission</th>
+ <td>{{no_tag_omission}}</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted parents</th>
+ <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted ARIA roles</th>
+ <td>Any</td>
+ </tr>
+ <tr>
+ <th scope="row">DOM interface</th>
+ <td>{{domxref("HTMLQuoteElement")}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="属性">属性</h2>
+
+<p>此元素的属性包含 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>。</p>
+
+<dl>
+ <dt>{{htmlattrdef("cite")}}</dt>
+ <dd>是一个标注引用的信息的来源文档或者相关信息的URL。通常用来描述能够解释引文的上下文或者引用的信息。</dd>
+</dl>
+
+
+<h2 id="使用备注">使用备注</h2>
+
+<p>若要修改被引用内容的缩进距离,可以使用 {{Glossary("CSS")}} {{cssxref("margin-left")}} 和/或 {{cssxref("margin-right")}} 属性,或使用 {{cssxref("margin")}} 缩写属性。</p>
+
+<p>若想使用在行内引用较短的内容而非创建一个单独的引用块,可使用 {{HTMLElement("q")}}(Quotation)元素。</p>
+
+<p>如果想要使用短引用(行间引用),可以使用{{HTMLElement("q")}} 标签。</p>
+
+<h2 id="例子">例子</h2>
+
+<p>下面的这个例子演示了使用 <code>&lt;blockquote&gt;</code> 元素引用一段来自 {{RFC(1149)}} 的内容,<cite>以禽类作为载体的IP 数据包传输标准。</cite></p>
+
+<pre class="brush: html">&lt;blockquote cite="https://tools.ietf.org/html/rfc1149"&gt;
+ &lt;p&gt;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.&lt;/p&gt;
+&lt;/blockquote&gt;
+</pre>
+
+<p>上面的HTML代码将会生成:</p>
+
+<p>{{EmbedLiveSample("Example", 640, 180)}}</p>
+
+<h2 id="规范">规范</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">规范</th>
+ <th scope="col">状态</th>
+ <th scope="col">备注</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td> </td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
+ <td>{{Spec2('HTML5 W3C')}}</td>
+ <td> </td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;blockquote&gt;')}}</td>
+ <td>{{Spec2('HTML4.01')}}</td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+
+
+<p>{{Compat("html.elements.blockquote")}}</p>
+
+<h2 id="参见">参见</h2>
+
+<ul>
+ <li>适用于行内引用的 {{HTMLElement("q")}} 元素。</li>
+ <li>适用于来源引文的 {{HTMLElement("cite")}} 元素。</li>
+</ul>