HTML 引用

在 HTML 中可以使用引用标签 <blockquote> 和 <q> 来引用文本。

HTML 引文、引用和定义元素

标签 描述
<abbr> 定义缩写或首字母缩略语。
<address> 定义文档作者或拥有者的联系信息。
<bdo> 定义文本方向。
<blockquote> 定义从其他来源引用的节。
<dfn> 定义项目或缩略词的定义。
<q> 定义短的行内引用。
<cite> 定义著作的标题。

HTML <q> 用于短的引用

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

浏览器通常会为 <q> 元素包围引号。

  1. <html>
  2. <body>
  3. <p>浏览器通常会在 q 元素周围包围引号。</p>
  4. <p>引用,是 <q>科学对话的一种方法,是作者认为对自己的研究“有用”的资料。</q></p>
  5. </body>
  6. </html>

用于长引用的 HTML <blockquote>

HTML <blockquote> 元素定义被引用的节。

浏览器通常会对 <blockquote> 元素进行缩进处理。

  1. <html>
  2. <body>
  3. <p>浏览器通常会对 blockquote 元素进行缩进处理。</p>
  4. <blockquote cite="https://baike.baidu.com/item/%E5%BC%95%E6%96%87/282187">
  5. 引用,是科学对话的一种方法,是作者认为对自己的研究“有用”的资料,但同时也表明,引文的含义不是简单的,它并不是许多人认为的那样只是“定量”的、“客观”的。
  6. </blockquote>
  7. </body>
  8. </html>

用于缩略词的 HTML <abbr>

HTML <abbr> 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

  1. <html>
  2. <body>
  3. <p><abbr title="世界贸易组织">WTO</abbr> 是一个独立于联合国的永久性国际组织。</p>
  4. <p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
  5. </body>
  6. </html>

用于定义的 HTML <dfn>

HTML <dfn> 元素定义项目或缩写的定义。

<dfn> 的用法,按照 HTML5 标准中的描述,有点复杂:

1、 如果设置了 <dfn> 元素的 title 属性,则定义项目:

  1. <html>
  2. <body>
  3. <p>The <dfn title="世界贸易组织">WTO</dfn> 是一个独立于联合国的永久性国际组织。</p>
  4. <p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
  5. </body>
  6. </html>

2、 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:

  1. <html>
  2. <body>
  3. <p>The
  4. <dfn><abbr title="世界贸易组织">WTO</abbr></dfn>
  5. 是一个独立于联合国的永久性国际组织。
  6. </p>
  7. <p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
  8. </body>
  9. </html>

3、 否则,<dfn> 文本内容即是项目,并且父元素包含定义。

  1. <html>
  2. <body>
  3. <p>The
  4. <dfn>WTO</dfn> 是一个独立于联合国的永久性国际组织。
  5. </p>
  6. <p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
  7. </body>
  8. </html>

用于联系信息的 HTML <address>

HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。

此元素通常以斜体显示。大多数浏览器会在此元素前后添加换行。

  1. <html>
  2. <body>
  3. <p>HTML address 元素定义文档或文章的联系信息(作者/拥有者)。</p>
  4. <address>
  5. 作者 XXX.<br>
  6. 四川省成都市 XXXXX<br>
  7. </address>
  8. </body>
  9. </html>

用于著作标题的 HTML <cite>

HTML <cite> 元素定义著作的标题。

浏览器通常会以斜体显示 <cite> 元素。

  1. <html>
  2. <body>
  3. <p>HTML cite 元素定义著作的标题。</p>
  4. <p>浏览器通常会以斜体显示 cite 元素。</p>
  5. <p><cite>哈利·波特</cite> 英国作家J·K·罗琳于1997~2007年所著的魔幻文学系列小说。</p>
  6. </body>
  7. </html>

用于双向重写的 HTML <bdo>

HTML <bdo> 元素定义双流向覆盖(bi-directional override)。

<bdo> 元素用于覆盖当前文本方向:

  1. <html>
  2. <body>
  3. <p>
  4. 如果您的浏览器支持 bdo,则文本将从右向左进行书写 (rtl):
  5. </p>
  6. <bdo dir="rtl">
  7. 这行文本将从右向左进行书写
  8. </bdo>
  9. </body>
  10. </html>