首页 > web前端 > html教程 > html中<q>标签与<blockquote>标签的区别

html中<q>标签与<blockquote>标签的区别

黄舟
发布: 2017-07-17 13:16:16
原创
3293 人浏览过

标签和标签都表示“引用

区别:
   一、格式不同
       1、:q标签是行内元素,在内容的开始和结尾处会包有【“”】;
       2、
:blockquote是块级元素,默认带有左右40px的外间距,不带【“”】。

二、语义不同
       1、:引用的是小段文字;
       2、
:引用的是大段的内容块

两个标签都表示“引用”。

不同的是,q标签是行内元素,在内容的开始和结尾处会包有“”,而 blockquote是块级元素,默认带有左右40px的外间距,不带“”。

从语义上讲,前者引用的是小段文字,后者引用的是大段的内容块。

从兼容性上讲,在IE67下q标签不会带有“”。FF下的引号是漂亮的全角字符:“”。而chrome下则为半角字符:""。至于IE89,应该也是全角字符,但在不指定字体的情况下真的丑爆了,在为其指定宋体或者微软雅黑后呈现与FF一致。

从兼容性上看,这两个页面在不同的浏览器下都表现一致。但从语义上讲,显然是前者胜出。

先将q标签内的引号清空,然后将前引号背景样式写在q标签的外容器上,将后引号背景样式写在q标签里,这样可以达到"无懈可击"的效果。那么被引用内容的行数便受到了限制。同时,如果给q赋予block属性,将会使背景呈现不同的效果,两者都很棒。

相关扩展:

cite 属性规定引用的来源。

该属性的值是一个包含在引号中并指向联机文档的 URL,以及(如果有可能的话)引用在该文档中的确切位置。比方说:

WWF&#39;s goal is to: cite="http://www.wwf.org"> build a future where people live in harmony with nature  we hope they succeed.
登录后复制

主流浏览器均不支持 cite 属性。不过,搜索引擎可能会使用该属性获得更多有关引用的信息。

以上是html中<q>标签与<blockquote>标签的区别的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板