在IE或者360浏览器的兼容模式下页面错乱

来源：互联网发布：淘宝买家让加微信骗局编辑：程序博客网时间：2024/05/16 13:41

在下的第一篇文章

我当时遇到这样的问题很苦恼,没有任何头绪,然后就一直在看源码

少了文档声明( <!DOCTYPE html> )

所以才出现了这中奇怪的问题

下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

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

这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。

如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的

怎么使用<!DOCTYPE html>?

1.使用也很简单，就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了

2.如果是 jsp的话，添加在<%@ page %>的下一行。

3.注意不用区分大小写哦

阅读全文

0 0