前言：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″ >仍然是首选。
*原链接;http://*.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top
转载请注明：淡忘~浅思 » 【译】IE 8兼容：X-UA-Compatible的解释
IE 8兼容：<meta http-equiv="X-UA-Compatible" content="IE=edge" /> X-UA-Compatible的解释的更多相关文章
-
优先使用最新版本的IE 和 Chrome 内核 1 <;meta http-equiv=";X-UA-Compatible"; content=";IE=edge,chrome=1";>;
兼容模式 优先使用最新版本的IE 和 Chrome 内核 1 <meta http-equiv="X-UA-Compatible" content="IE=edge ...
-
<; meta http-equiv = ";X-UA-Compatible"; content = ";IE=edge,chrome=1"; />;的作用
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 介绍:这 ...
-
<; meta http-equiv = ";X-UA-Compatible"; content = ";IE=edge,chrome=1"; />;
目录(?)[-] 1 meta http-equiv X-UA-Compatible content chrome1 1 meta http-equiv X-UA-Compatible cont ...
-
<;meta http-equiv=";X-UA-Compatible"; content=";IE=Edge";>;
1.X-UA-Compatible X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用 ...
-
详解<; meta http-equiv = ";X-UA-Compatible"; content = ";IE=edge,chrome=1"; />;
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 这是个是 ...
-
<;meta http-equiv=";X-UA-Compatible"; content=";IE=edge";>;的作用
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的. X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲 ...
-
<; meta http-equiv = ";X-UA-Compatible"; content = ";IE=edge,chrome=1"; />;的意义
X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中 ...
-
<;meta content=&#39;IE=edge,chrome=1&#39; http-equiv=&#39;X-UA-Compatible&#39; />;
代码一:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> http-eq ...
-
指定文件兼容性模式 <; meta http-equiv = ";X-UA-Compatible"; content = ";IE=edge,chrome=1"; />;的意义
X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中 ...
随机推荐
-
md5sum 生成 经md5加密后的字符串
➜ ~ echo -n 'admin' | md5sum 21232f297a57a5a743894a0e4a801fc3 - ➜ ~ md5sum -h md5sum: invalid option ...
-
Why you have so few friends?
Why you have so few friends?十个原因告诉你:为什么你的朋友那么少1. You Complain A Lot 你总是抱怨 If you’re constantly compl ...
-
Linux学习笔记（6）-工作管理
什么是工作管理 工作来自job命令的翻译,job命令可以查看后台工作的进程.举例来说什么是工作管理,当你要打包一个比较大的目录时,很耗时间,但是你同时又需要使用别的命令.你会想我可以到开几个终端进行登 ...
-
iOS 事件处理机制与图像渲染过程
Peter在开发公众号功能时触发了一个bug,导致群发错误.对此我们深表歉意,并果断开除了Peter.以下交回给正文时间: iOS 事件处理机制与图像渲染过程 iOS RunLoop都干了什么 iOS ...
-
GoWithTheFlow
GoWithTheFlow http://notes.jetienne.com/2011/07/17/gowiththeflow.js-async-flow-control-with-a-zen-to ...
-
js错误 SyntaxError: missing : after property id
在用jquery的post方法时 $.post('adminCheckTpmisPlans.do',{'test',str},function(f){ ... }) 报如下错误 SyntaxError ...
-
scala recursive value x$5 needs type
recursive value x$5 needs type的原因是使用了一个类型不确定的变量,例如 val (id, name) = (id, getName(id)) 其中id是个变量,其值还不确 ...
-
Spring（十七）：Spring AOP（一）：简介
背景: 需求: 给一个计算器计算函数执行前后添加日志. 实现: 1)直接在函数中修改代码: IArithmeticCalculator.java接口类 package com.dx.spring.be ...
-
【CentOS】CentOS7.0 mysql与卸载
mysql安装: 在使用命令 yum list mysql-server 安装mysql的时候,发现没有mysql的包.这时候,我们需要下载一个 下载包 wget http://repo.mysql. ...
-
quartz的一个误导
quartz文档提到,如果在集群环境下,最好将配置项org.quartz.jobStore.txIsolationLevelSerializable设置为true 问题: 这个选项在mysql下会非常 ...