HTML 引用

標簽： HTML知識訪問： 11472019-07-05

引用（Quotation）

五十年來，WWF 一直致力于保護自然界的未來。世界領先的環保組織，WWF 工作于 100 個國家，并得到美國一百二十萬會員及全球近五百萬會員的支持。

HTML <q> 用于短的引用

HTML <q> 元素定義短的引用。

瀏覽器通常會為 <q> 元素包圍引號。

實例：

<!DOCTYPE html>
<html>
<body>

<p>瀏覽器通常會在 q 元素周圍包圍引號。</p>

<p>WWF 的目標是 <q>構建人與自然和諧相處的世界。</q></p>

</body>
</html>

結果查看：

瀏覽器通常會在 q 元素周圍包圍引號。

WWF 的目標是“構建人與自然和諧相處的世界。”

用于長引用的 HTML <blockquote>

HTML <blockquote> 元素定義被引用的節。

瀏覽器通常會對 <blockquote> 元素進行縮進處理。

實例：

<!DOCTYPE html>
<html>
<body>

<p>瀏覽器通常會對 blockquote 元素進行縮進處理。</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年來，WWF 一直致力于保護自然界的未來。
WWF 工作于 100 個國家，并得到美國一百二十萬會員及全球近五百萬會員的支持。
</blockquote>

</body>
</html>

查看結果：

瀏覽器通常會對 blockquote 元素進行縮進處理。

五十年來，WWF 一直致力于保護自然界的未來。 WWF 工作于 100 個國家，并得到美國一百二十萬會員及全球近五

百萬會員的支持。

用于縮略詞的 HTML <abbr>

HTML <abbr> 元素定義縮寫或首字母縮略語。

對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。

實例：

<!DOCTYPE html>
<html>
<body>

<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

<p>對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。</p>

</body>
</html>

用于定義的 HTML <dfn>

HTML <dfn> 元素定義項目或縮寫的定義。

<dfn> 的用法，按照 HTML5 標準中的描述，有點復雜：

1. 如果設置了 <dfn> 元素的 title 屬性，則定義項目：

實例：

<!DOCTYPE html>
<html>
<body>

<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>

<p>對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。</p>

</body>
</html>

2. 如果 <dfn> 元素包含具有標題的 <abbr> 元素，則 title 定義項目：
實例：

<!DOCTYPE html>
<html>
<body>

<p>The
<dfn><abbr title="World Health Organization">WHO</abbr></dfn>
was founded in 1948.
</p>

<p>對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。</p>

</body>
</html>

3. 否則，<dfn> 文本內容即是項目，并且父元素包含定義。

實例：

<!DOCTYPE html>
<html>
<body>

<p>The
<dfn>WHO</dfn> World Health Organization was founded in 1948.
</p>

<p>對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。</p>

</body>
</html>

查看結果：

The WHO World Health Organization was founded in 1948.

對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。

注釋：如果您希望簡而化之，請使用第一條，或使用 <abbr> 代替。

用于聯系信息的 HTML <address>

HTML <address> 元素定義文檔或文章的聯系信息（作者/擁有者）。

此元素通常以斜體顯示。大多數瀏覽器會在此元素前后添加折行。

實例：

<!DOCTYPE html>
<html>
<body>

<p>HTML address 元素定義文檔或文章的聯系信息（作者/擁有者）。</p>

<address>
Written by Jon Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

結果查看：

HTML address 元素定義文檔或文章的聯系信息（作者/擁有者）。

Written by Jon Doe.

Visit us at:

Example.com

Box 564, Disneyland

USA

用于著作標題的 HTML <cite>

HTML <cite> 元素定義著作的標題。

瀏覽器通常會以斜體顯示 <cite> 元素。

實例：

<!DOCTYPE html>
<html>
<body>

<p>HTML cite 元素定義著作的標題。</p>
<p>瀏覽器通常會以斜體顯示 cite 元素。</p>

<img src="img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>


</body>
</html>

用于雙向重寫的 HTML <bdo>

HTML <bdo> 元素定義雙流向覆蓋（bi-directional override）。

<bdo> 元素用于覆蓋當前文本方向：

實例：

<!DOCTYPE html>
<html>
<body>

<p>
如果您的瀏覽器支持 bdo，則文本將從右向左進行書寫 (rtl)：
</p>

<bdo dir="rtl">
This line will be written from right to left
</bdo>

</body>
</html>

HTML 引文、引用和定義元素：

標簽	描述
<abbr>	定義縮寫或首字母縮略語。
<address>	定義文檔作者或擁有者的聯系信息。
<bdo>	定義文本方向。
<blockquote>	定義從其他來源引用的節。
<dfn>	定義項目或縮略詞的定義。
<q>	定義短的行內引用。
<cite>	定義著作的標題。