一、短引用：<q> 标签

<q> 标签用于表示一个短的引用，通常会在引用的文本周围添加引号（这取决于浏览器的默认样式）。这个标签是语义化的，它告诉浏览器和其他设备这段文本是一个引用。

<p>正如<q>孔子</q>所说：“己所不欲，勿施于人。”</p>

二、长引用或块引用：<blockquote> 标签

对于较长的引用，应该使用 <blockquote> 标签。这个标签会创建一个块级元素，通常会有一定的缩进，用于区分引用的文本和周围的文本。

<blockquote>
  <p>这是一个长引用的例子，它可以包含多个段落，用于引用较长的文本块。</p>
  <p>这段文本通常会有一定的缩进，以区别于普通的段落文本。</p>
</blockquote>

三、行内引用与块引用

• 行内引用：使用 <q> 标签，它通常不会打破文本的流动，而是将引用内嵌在行内。
• 块引用：使用 <blockquote> 标签，它会创建一个新的块级元素，通常用于较长的引用。

四、引用的属性

虽然 <q> 和 <blockquote> 标签本身已经足够表达引用的语义，但有时候你可能想要添加额外的信息，比如引用的来源。这可以通过 cite 属性来实现：

<blockquote cite="https://www.example.com/article">
  <p>这段文本是从Example网站的文章中引用的。</p>
</blockquote>

注意，cite 属性并不是用来显示引用的URL，而是用来提供引用的来源信息，这个信息可以被浏览器、搜索引擎或屏幕阅读器等设备使用。

五、注意事项

• 使用 <q> 和 <blockquote> 标签时，要确保引用的文本确实是来自其他来源的，不要将它们用于普通的强调或样式化文本。
• 尽量避免在引用中嵌套引用，这可能会让文档的结构变得复杂且难以理解。
• 引用应该准确反映原始文本的意思，不要篡改或断章取义。

通过合理使用HTML的引用标签，你可以使网页内容更加丰富和多样，同时提高文档的可读性和语义性。