小码哥的IT人生

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 对象

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024