HTML meta标签系列 - X-UA-Compatible

我们在写html的时候经常会在head标签内放入一个

<meta http-equiv="x-ua-compatible" content="IE=edge">

但是有时候就会忽略掉这个声明有什么用,特别是常用chrome做开发而没有关注到IE的兼容问题时最容易忽视这个问题。

X-UA-Compatible有什么用

X-UA-Compatible是针对微软的IE浏览器的一个声明,主要作用是跟浏览器说此html文档应该在指定的IE版本下运行。例如说指定了IE=8的话,那么无论是ie9 、10、11都会以ie8的api及渲染方式进行渲染。
例如ie8的某个api在ie9上不能运行的话,除了手动去调整API外,还可以使用指定ie版本的方式,让浏览器进行进行兼容处理。

X-UA-Compatible如何使用

  • content="IE=x" 其中x可以为5,7,8 ~ 11中的任意数字,其中8~11比较常见,其余的笔者均没试过,这里指定了IE进行渲染时使用的文档模式。
    其中要注意的是指定的版本不能高于当前浏览器的版本,例如用户使用的是IE10,指定使用IE11的话还是会使使用用户的IE10进行文档解释。反之低于当前浏览器版本的均可。
  • content="IE=edge" ,注意此edge非彼Edge,这里说的是使用客户当前IE浏览器版本所支持的最新文档模式进行解释,不是使用Edge浏览器(如果是的话就很爽了)。例如当前用户是IE10,则会使用IE10的模式进行解释,其余亦然。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容