Bootstrap

HTML入门教程9:HTML引用

一、短引用:<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的引用标签,你可以使网页内容更加丰富和多样,同时提高文档的可读性和语义性。

;