<!DOCTYPE html>的重要性

来源:互联网 发布:html网页制作软件 编辑:程序博客网 时间:2024/04/28 03:54

在HTML5时代,DOCTYPE声明已经不再像以前HTML4那样繁琐了,只需要简简单单的<!DOCTYPE html>,这句话指示

 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

同时,我们知道,CSS盒子模型有两种:W3C标准盒子模型和IE盒子模型,两种模型的区别在于,前者计算WIDTH 和HEIGHT

时是不算border和padding的,而IE盒子模型是计算在内的,下面引用一下别人的图以供理解:




如果不加 DOCTYPE 声明,那么各个浏览器会根据自己的行为去理解网页,即 IE 浏览器会采用 IE 盒子模型去解释你的盒子,而 其他浏览器会采用标准 W3C 盒子模型解释你的盒子,所以网页在不同的浏览器中就显示的不一样了。反之,如果加上了 DOCTYPE 声明,那么所有浏览器都会采用标准 W3C 盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。


另外:使用DW等开发工具来开发时会自带HTML4的DOCTYPE声明,不仅冗余,而且不好维护,再次敬请各位同行赶紧更新标准

和工具了~!



0 0