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

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


但是有时候就会忽略掉这个声明有什么用,特别是常用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的模式进行解释,其余亦然。

你可能感兴趣的:(HTML meta标签系列 - X-UA-Compatible)