Web前端开发基础知识,菜鸟到老手的宝典

杰米粉2021-12-14 11:29

  什么是Quirks模式?它和Standards模式有什么区别?

  从IE6开始,引入了Standards模式。在标准模式下,浏览器试图在指定浏览器中正确处理符合标准的文档。

Web前端开发基础知识

  在IE6之前,CSS还不够成熟,所以IE5和其他以前的浏览器对CSS的支持很差。IE6将为CSS提供更好的支持。然而,来了,因为有很多页面是基于旧的布局,如果IE6支持CSS将使这些页面显示异常,如何确保不破坏现有页面,并提供新的渲染机制?

  在编写程序时,我们经常会遇到这样的问题,如何确保原始接口保持不变,并提供更强大的功能,特别是当新功能与旧功能不兼容时。遇到这个问题的一个常见方法是增加参数和分支,即当参数是真的时,我们使用新功能,如果参数不是真的,我们使用旧功能,这样我们就可以在不破坏原始程序的情况下提供新功能。IE6也是如此。它将DTD视为这个参数,因为以前的页面不会写DTD,所以IE6假设如果写DTD,这意味着该页面将采用更好的CSS布局支持,如果没有,则采用与之前的布局兼容。这是Quirks模式(怪癖模式、怪异模式、怪异模式)。

  区别:

  总的来说,布局、风格分析和脚本执行是有区别的。

  盒模型:在W3C标准中,如果设置元素的宽度和高度,则指元素内容的宽度和高度。在Quirks模式下,IE的宽度和高度还包括padding和border。

  设置行内元素的高宽:在Standards模式下,为等行内元素设置wdith和height不会生效,但在quirks模式下会生效。

  设置百分比的高度:在standards模式下,元素的高度由其所包含的内容决定。如果父元素没有设置百分比的高度,子元素设置百分比的高度是无效的。使用margin:0auto设置水平居中:使用margin:0auto可以在standards模式下素水平居中,但在quirks模式下会失效。

  以上就是小编为大家整理发布的“Web前端开发基础知识,菜鸟到老手的宝典”一文,更多相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享