<!DOCTYPE html>的重要性

分享到:

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

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

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

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

 

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

 

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

和工具了~!

昵    称:
验证码:

相关文档: