X-UA-Compatible与兼容性

兼容性模式

    用于定义让IE如何编译页面

不同浏览器识别X-UA-Compatible的值来决定使用何种方式对页面进行渲染,以此达到同一页面在不同浏览器下正常显示的效果,即新的浏览器会按照新的标准渲染页面,而旧浏览器会按照旧标准渲染

IE6时代是如何做到兼容的

若一个网页没有包含<!DOCTYPE>指令,IE6会将它以quirks mode显示。
  若网页包含有效的<!DOCTYPE>指令但浏览器无法辨识,IE6会将它以IE6 standards mode显示。
  因为少数网站已经包含<!DOCTYPE>指令,兼容性模式的切换相当成功。这使网页开发人员能选择将他们的网页转移为standards mode的最佳时机。

如何使用X-UA-Compatible

x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用 
编写多行X-UA-Compatible时只会识别第一行
  1. content指定单个值
    例如<meta http-equiv="X-UA-Compatible" content="IE=8" />
    表示IE浏览器都以IE8及以上版本都以IE8模式渲染网页
  2. content指定多个值
    浏览器会找到适合自己最高的模式渲染页面
    例如<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9" />
    在IE8下会使用IE8模式渲染,在IE9下则选择IE9模式渲染页面,这样一来页面可以适应未来的高版本浏览器
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 1. 网页乱码的问题是如何产生的? 因为一份文档保存在计算机的时候不是以我们看到的样子,而是用计算机理解的样子去保...
    老虎爱吃母鸡阅读 1,679评论 0 2
  • 一、HTML、XML、XHTML 有什么区别 1、HTML超文本标记语言,语法松散,是一种不严格的web语言,对大...
    我要认真学前端阅读 738评论 0 1
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 2,254评论 1 1