HTML <q> 标签

HTML <q> 标签用于短引文或者简短的引用。浏览器会在该标签包裹的内容两端添加双引号(" "),如果你想要使用单引号(''),则需要手动将 <q> 改为 <q cite="URL">

基本语法

<p>这是一个 <q>HTML</q> 教程。</p>

上述代码会被渲染成:

这是一个 HTML 教程。

如你所见,浏览器自动添加了双引号包围 HTML 这个词。

使用 cite 属性

你可以使用 cite 属性来指定引文的出处(通常是一个 URL):

<p><q cite="https://www.example.com">这是一个带有 cite 属性的 HTML 标签示例。</q></p>
<p>上述引文来自 <a href="https://www.example.com">这个网站</a>。</p>

这将被渲染成:

这是一个带有 cite 属性的 HTML 标签示例。

上述引文来自 这个网站

注意:cite 属性不会改变双引号为单引号,也不会在页面中显示出处信息,它只是为了提供一个 URL 来指明引文的来源。

浏览器支持

HTML <q> 标签在所有主流的浏览器中都被完全支持:

  • Google Chrome
  • Mozilla Firefox
  • Apple Safari
  • Microsoft Edge
  • Opera

结论

HTML <q> 标签是一个非常简单但实用的标签,它可以在不需要使用额外 CSS 样式的情况下为短引文添加双引号。然而,对于长引文或者复杂的排版,最好还是使用块级元素(如 <blockquote>)结合 CSS 来实现更高级的效果。