DOCTYPE标签到底有什么用？

最新推荐文章于 2024-12-03 11:33:52 发布

加油加油的加油机

最新推荐文章于 2024-12-03 11:33:52 发布

阅读量320

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： DOCTYPE标签

本文链接：https://blog.youkuaiyun.com/weixin_42929804/article/details/98886107

1 篇文章

订阅专栏

本文阐述了DOCTYPE声明对于网页在不同浏览器中一致性显示的关键作用。通过解释document.compatMode属性，说明了DOCTYPE如何避免浏览器的怪异模式，确保标准模式下的统一渲染效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了,果然奏效了。

下面我就尽可能简洁扼要的说一下

1 作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,

这也就是恶魔的开始 – 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果你的页面添加了那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的

标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是的作用。

2.1 使用也很简单，就是在你的html页面的第一行添加”<!DOCTYPE html>”一行代码就可以了
2.2 jsp的话，添加在<%@ page %>的下一行。
2.3 不用区分大小写

版权声明：本文为优快云博主「xi_ss」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_42470791/article/details/82505139