在每个 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