理解 H5 中 <!DOCTYPE html> 起到最重要的一点。

在每个 HTML 文件的顶部都会声明一句 <!DOCTYPE html>
他的意思是将 html 文档声明为 H5 文档标准。

重点: 如果缺少了这句文档类型声明,那么每个浏览器会按照自身默认文档解析标准去解析

问: 这会造成什么问题?
答:会造成 盒子模型 标准不一样,计算的规则也就不一样了,那么页面显示就会不一样了。
比如 IE 会用 IE盒子模型 解析, 那么你在 Chrome or Firefox 浏览器中看到的就和 IE 中的看到的页面就会不一样。

总结:
一定要加上 <!DOCTYPE html> 去声明文档类型,浏览器才会采用标准的 W3C标准 盒子模型,这样你的用户使用不同的浏览器浏览你的网页显示效果才会相同。

如果你不知道盒子模型,以下是一些参考资料:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
https://developer.mozilla.org/zh-CN/docs/Web/CSS/All_About_The_Containing_Block

原文地址:https://www.cnblogs.com/xiaolantian/p/12686903.html