浏览器标准模式和怪异模式之间的区别是什么?
来源:互联网 发布:java界面编程 编辑:程序博客网 时间:2024/05/04 18:43
由于历史的原因,不同浏览器对页面的渲染是不同的,甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前,不同的浏览器在页面的渲染上没有同一的规范,产生了差异,即Quirks mode(怪异模式或兼容模式);当W3C标准出台之后,不同浏览器对页面的渲染有了统一的标准,即Strict mode(标准模式或严格模式);这就是两者之间的区别。
W3C标准推出前,旧的页面都是根据旧的渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。
在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。区别是:1.在严格模式中 :width是内容宽度 ,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;在怪癖模式中 :width则是元素的实际宽度 ,内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)
2)可以设置行内元素的高宽
在Standards模式下,给span等行内元素设置wdith和height都不会生效,而在quirks模式下,则会生效。
3)可设置百分比的高度
在standards模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置高度,子元素设置一个百分比的高度是无效的。
4)用margin:0 auto设置水平居中在IE下会失效
使用margin:0 auto在standards模式下可以使元素水平居中,但在quirks模式下却会失效,quirk模式下的解决办法,用text-align属性:
body{text-align:center};#content{text-align:left}
5)quirk模式下设置图片的padding会失效
6)quirk模式下Table中的字体属性不能继承上层的设置
7)quirk模式下white-space:pre会失效
0 0
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么——整理自网页
- 浏览器的标准模式和怪异模式之间的区别
- 浏览器怪异模式和标准模式之间的区别 DTD
- 浏览器的怪异模式和标准模式的区别
- 浏览器的标准模式和怪异模式有什么区别?
- 浏览器的怪异模式和标准模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 浏览器标准模式和怪异模式
- 浏览器怪异模式和标准模式
- 浏览器标准模式和怪异模式
- KJFrameForAndroid框架学习----高效加载Bitmap
- 隐马尔科夫模型(HIDDEN MARKOV MODEL)
- avi 视频
- 获取listview中的子元素view, 设置textview的图标:setCompoundDrawables使用, view.textView.getHeight()为0
- Ubuntu通过xinput禁用及启用联想笔记本的触摸板
- 浏览器标准模式和怪异模式之间的区别是什么?
- iOS应用如何实现64位的支持
- iOS性能优化过程浅析
- 机器学习——深度学习(Deep Learning)
- 小马哥--高仿红米 note t208刷机 移植测试完美版中文触屏rec 界面图面观
- js实用技巧
- 强大的http调试工具charles用法详解
- jprofiler8安装和配置与集成tomcat监控
- xcode 6的查看ios设备日志