<blockquote>标签和<q>标签都表示“引用”
区别：
一、格式不同
1、<q>：q标签是行内元素，在内容的开始和结尾处会包有【“”】；
2、<blockquote>：blockquote是块级元素，默认带有左右40px的外间距，不带【“”】。
二、语义不同
1、<q>：引用的是小段文字；
2、<blockquote>：引用的是大段的内容块
两个标签都表示“引用”。
不同的是，q标签是行内元素，在内容的开始和结尾处会包有“”，而 blockquote是块级元素，默认带有左右40px的外间距，不带“”。
从语义上讲，前者引用的是小段文字，后者引用的是大段的内容块。
从兼容性上讲，在IE67下q标签不会带有“”。FF下的引号是漂亮的全角字符：“”。而chrome下则为半角字符：""。至于IE89，应该也是全角字符，但在不指定字体的情况下真的丑爆了，在为其指定宋体或者微软雅黑后呈现与FF一致。
从兼容性上看，这两个页面在不同的浏览器下都表现一致。但从语义上讲，显然是前者胜出。
先将q标签内的引号清空，然后将前引号背景样式写在q标签的外容器上，将后引号背景样式写在q标签里，这样可以达到"无懈可击"的效果。那么被引用内容的行数便受到了限制。同时，如果给q赋予block属性，将会使背景呈现不同的效果，两者都很棒。
相关扩展：
cite 属性规定引用的来源。
该属性的值是一个包含在引号中并指向联机文档的 URL，以及（如果有可能的话）引用在该文档中的确切位置。比方说：
启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。
0
立即学习“前端免费学习笔记（深入）”；
WWF'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怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
367
收藏
