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

在下的第一篇文章


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


  少了文档声明(   <!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.注意不用区分大小写哦




  

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黑引领未来

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值