<!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声明,不仅冗余,而且不好维护,再次敬请各位同行赶紧更新标准
和工具了~!
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步