前言：9月份开始了，大四也真正的到来了。深知自己网页布局还有很大的缺陷，接下来打算从工作中抽时间出来模仿着一些互联网公司的网站。顺便把基础理论知识打好。

　　第一个目标：小米官网；后续会把练习的项目放到github上。

　　平常自己写代码不是很规范，网页最基础的架构<html></html>一般用的就是DW生成的页面文件。前不久经老大调教，就改用了H5的框架结构。之前对于结构这块没有去想太多，就以为是一个基本要求的结构。今天看小米首页的活动页，看到<meta http-equiv="X-UA-Compatible" content="IE=edge" />。之前看书的时候没注意到这个，查过资料之后，了解到它其实是指定浏览器按某种方式渲染。

　　以下为转载资料：

　　

对于IE8及以上版本，例如：

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号（；）分隔，对于不同的浏览器版本就有不同的兼容性，例如

   1: <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />

以上就表明，将IE8和IE7按照IE7标准渲染，但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中，你只要选择一种版本：

   1: <meta http-equiv="X-UA-Compatible" content="IE=8" />

这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟 
   1: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

对于IE=EDGE

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

这意味着，会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的JQuery一样，这是按照最新版本，但也可能由于没有固定的版本而破坏你的布局。

最后，考虑下面这个

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架（Chrome Frame）的客户端渲染，对于没有使用的，则没有任何影响。

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式，对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >仍然是首选。

StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

转载请注明：淡忘~浅思 » 【译】IE 8兼容：X-UA-Compatible的解释

转载于:https://www.cnblogs.com/victor5230/p/5846832.html

IE 8兼容：meta http-equiv=X-UA-Compatible content=IE=edge / X-UA-Compatible的解释相关推荐

  1. IE兼容问题解决方案——指定文件兼容性为content=IE=Edge,chrome=1（可以解决很多的问题）

    引言 偶尔做些坑爹的国企项目或者政府的web项目总是遇到一个坑爹的问题,就是要兼容IE,哪怕微软自己都抛弃IE了那些国企政府机构的老机器还是跑IE,然后经过一番协调一般会指定一个版本至少兼容某个版本以 ...

  2. PC端网站兼容meta设置

    <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com ...

  3. 标记meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1

    为什么80%的码农都做不了架构师?>>>    陌生标记标记一: < meta http-equiv = "X-UA-Compatible" content ...

  4. meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /

    X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...

  5. HTML中添加meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1

    http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模 ...

  6. 详解 meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1 /

    < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 这是个是 ...

  7. meta http-equiv=X-UA-Compatible content=ie=edge的意思

    <meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码 ...

  8. 手机微信ua大全,最新不重复的UA库

    手机微信ua大全,最新不重复的UA库,最新微信ua标识 有各种不同品牌的手机型号 微信内置浏览器和原生浏览器UA (手机微信 UA)常用UserAgent列表(去重共12833条) 类型 系统 设备 ...

  9. meta http-equiv=X-UA-Compatible content=IE=edge / 的说明

    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...

最新文章

  1. Linux压缩命令总结
  2. 【Android 插件化】VirtualApp 源码分析 ( 目前的 API 现状 | 安装应用源码分析 | 安装按钮执行的操作 | 返回到 HomeActivity 执行的操作 )
  3. 树莓派3B用Ubuntu MATE安装ros
  4. 【AI不惑境】网络深度对深度学习模型性能有什么影响？
  5. php怎么返回json格式的数据
  6. 中国华南：狼性创业者的天堂
  7. 【算法设计与分析】Dijskra算法代码：Java版
  8. win7 64位出现桌面右键鼠标显示忙碌
  9. STM32——SPI接口
  10. Kube-OVN：基于OVN的开源Kubernetes网络实践
  11. 判断一个字符串是否是回文_Python
  12. 但是，使用Navicat for MySQL软件连接失败，报错1862
  13. 开源DataGridView扩展（6） 简单实现checkbox行选级联。
  14. 传奇修改map地图教程_传奇地图Objects.wil与map文件的对应关系
  15. 用计算机软件绘制思维导图,无需其他软件！用Word 2016快速制作思维导图
  16. 通过EasyExcel导出excel文件并转为PDF或者其他
  17. 【SDOI2015】临行前的夜
  18. Kubernetes网络自学系列 | 千呼万唤始出来：veth pair
  19. [2017-07-27] 依图科技电话面试
  20. 论文代码复现 | 无人机与卡车联合配送(Python+Gurobi)(The flying sidekick traveling salesman problem)

热门文章

  1. 如何把opencv编译到matlab,c – 为OpenCV编译MATLAB绑定
  2. docker 外部连接_使用外部网络连接Docker容器
  3. cv python 找不同_python – 在Gridline for GridSearchCV中替换不同的模型
  4. one方法报错 select_【总结】Pandas DataFrame 使用方法
  5. python web flask开发框架_Python Web 开发框架，Flask 与 Django那个更好
  6. java把一段英文拆成单词_Java Word Break(单词拆解)
  7. LM358的工作特性测试
  8. java环境配置好了还不行,java配置环境java不行
  9. 太阳电池板特性实验_汕头市通风柜厂家报价-广州中增实验室设备
  10. vs社区版到期离线激活_vs2019离线安装包