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 来实现更高级的效果。