html中关于＜blockquote＞与＜q＞区别的具体介绍

黄舟原创: 2017-06-20 11:29:10 1526浏览

<blockquote> 标签定义块引用；<q> 标签定义短的引用，浏览器经常在引用的内容周围添加引号。<q> 标签在本质上与 <blockquote> 是一样的，不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用，如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

一、<q> 标签

1、定义和用法

<q> 标签定义短的引用。

浏览器经常在引用的内容周围添加引号。

2、浏览器支持

所有浏览器都支持 <q> 标签。

3、提示

根据 HTML 4.01 规范，q 元素应当使用分界引号来呈现，就是说，q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定，但是 Internet Explorer 却不支持此规定。结果，如果要使用 <q> 标签，而且用自己的引号来满足 Internet Explorer，那么就要在符合标准的浏览器使用两组引号。尽管如此，我们还是推荐使用 <q> 标签，这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。

4、实例

<html>
<body>
<p>Here comes a short quotation: <q>This is a short quotation</q>
</p>
<p>请注意，浏览器在引用的周围插入了引号。</p>
</body>
</html>

二、<blockquote> 标签

1、定义和用法

<blockquote> 标签定义块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

2、浏览器支持

所有主流的浏览器均支持 <blockquote> 标签。

注释：没有浏览器能够正确地显示 cite 属性。

3、提示

请使用 q 元素来标记短的引用。

注释：如需把页面作为 strict XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素，比如这样：

<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>

4、实例

<html>
<body>Here comes a long quotation:<blockquote>
This is a long quotation. 
This is a long quotation. This is a long quotation. 
This is a long quotation. This is a long quotation.
</blockquote>请注意，浏览器在 blockquote 元素前后添加了换行，并增加了外边距。
</body>
</html>

三、<q> 与 <blockquote> 的区别

1、<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

2、使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。

3、lockquote是内容的引用。内容必须包括块级元素，如标题，列表，段落或p标签,一般用于长的段落引用。这个元素也可以有一个可选属性cite指定的位置（以URI的形式出现）

4、<q> 标签可定义一个短的引用。<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。

<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

以上就是html中关于＜blockquote＞与＜q＞区别的具体介绍的详细内容，更多请关注php中文网其它相关文章！

blockquote html 具体别的关于 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：如何使用html中<blockquote>标签？下一条：html中如何使用<br>标签及作用？