📌  相关文章
📜  HTML 引用(1)

📅  最后修改于: 2023-12-03 15:15:41.446000             🧑  作者: Mango

HTML 引用

在 HTML 中，引用是一种包围引用内容的标记。引用标记可用于文本、图片、代码块等内容。

引用文本

引用文本通常用于表示其他人的话或者资料。可以使用 blockquote 标签来进行引用，使用 cite 属性指定引用来源。

示例代码：

<blockquote cite="https://www.example.com">
  <p>这是一个引用的文本。</p>
</blockquote>

效果：

这是一个引用的文本。

引用图片

引用图片通常用于展示其他人提供的图片。可以使用 figure 和 figcaption 标签来进行引用和说明，使用 cite 属性指定图片来源。

示例代码：

<figure>
  <img src="https://www.example.com/sample.jpg" alt="这是一个示例图片。">
  <figcaption>
    这是一个引用的图片。
    <cite>来源：https://www.example.com</cite>
  </figcaption>
</figure>

效果：

这是一个示例图片。
这是一个引用的图片。 来源：https://www.example.com
引用代码块

引用代码块通常用于展示其他人提供的代码。可以使用 pre 和 code 标签来进行引用，使用 cite 属性指定代码来源。

示例代码：

<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;这是一个示例页面&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;这是一个示例标题&lt;/h1&gt;
    &lt;p&gt;这是一个示例段落。&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre>
<cite>来源：https://www.example.com</cite>

效果：

<!DOCTYPE html>
<html>
  <head>
    <title>这是一个示例页面</title>
  </head>
  <body>
    <h1>这是一个示例标题</h1>
    <p>这是一个示例段落。</p>
  </body>
</html>

来源：https://www.example.com

结语

以上就是 HTML 引用的介绍，它是一种很方便的手段，可以使页面内容更加丰富，引用来源更加明确。