HTML <q> 标签 详解
HTML基础 2022-06-02 09:42:30小码哥的IT人生shichen
HTML <q> 标签
实例
标记短的引用：
<q>Here is a short quotation here is a short quotation</q>
完整实例【亲自试一试】：
<html>
<body>
<p>Here comes a short quotation: <q>This is a short quotation</q></p>
<p>请注意，浏览器在引用的周围插入了引号。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes |
所有浏览器都支持 <q> 标签。
定义和用法
<q> 标签定义短的引用。
浏览器经常在引用的内容周围添加引号。
<q> 与 <blockquote> 的区别
<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。
HTML 与 XHTML 之间的差异
NONE
提示和注释：
提示：根据 HTML 4.01 规范，q 元素应当使用分界引号来呈现，就是说，q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定，但是 Internet Explorer 却不支持此规定。结果，如果要使用 <q> 标签，而且用自己的引号来满足 Internet Explorer，那么就要在符合标准的浏览器使用两组引号。尽管如此，我们还是推荐使用 <q> 标签，这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| cite | citation | 定义引用的出处或来源（citation） |
全局属性
<abbr> 标签支持 HTML 中的全局属性。
事件属性
<abbr> 标签支持 HTML 中的事件属性。
TIY 实例
完整实例【引用】：
<html>
<body>
这是长的引用：
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
这是短的引用：
<q>
这是短的引用。
</q>
<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
此例演示如何实现长短不一的引用语。
相关页面
HTML DOM 参考手册：Quote 对象
