X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 兼容性模式设置优先级:

meta tag > http header

meta tag > http header

常用的例子:

<meta http-equiv="X-UA-Compatible" content="IE=7"> #以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=8"> #以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=edge"> #以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=7,9"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> #以上代码IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame.

<meta http-equiv = "X-UA-Compatible" content = "IE=7" >

#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。

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

#以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。

<meta http-equiv = "X-UA-Compatible" content = "IE=edge" >

#以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。

<meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9" >

<meta http-equiv = "X-UA-Compatible" content = "IE=7,9" >

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

# 以上代码IE = edge告诉IE使用最新的引擎渲染网页,chrome = 1则可以激活Chrome Frame .

Google Chrome Frame 百科

“IE=Edge,chrome=1″这样简单快捷,但是弊端是代码将无法通过W3C验证。其实这并不是问题,毕竟标准只是标准,如果只有这一个“错误”完全不会有任何不良的影响。

IE文档兼容性模式所有可能的值:

Emulate IE8 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards mode而quirks mode会显示成IE5 mode。不同于IE8 mode,Emulate IE8 mode重视<!DOCTYPE>指令。
Emulate IE7 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards mode而quirks mode会显示成IE5 mode。不同于IE7 mode,Emulate IE7 mode重视<!DOCTYPE>指令。对于许多网页来说这是最推荐的兼容性模式。
IE5 mode #编译内容如同IE7的quirks mode之显示状况,和IE5中显示的非常类似。
IE7 mode #编译内容如同IE7的standards mode之显示状况,无论网页是否含有<!DOCTYPE>指令。
IE8 mode #提供对业界标准的最高支持,包含 W3C Cascading Style Sheets Level 2.1 Specification和W3C Selectors API,并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)。
Edge mode #指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE,使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

Emulate IE8 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards mode而quirks mode会显示成IE5 mode。不同于IE8 mode,Emulate IE8 mode重视<!DOCTYPE>指令。

Emulate IE7 mode #指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards mode而quirks mode会显示成IE5 mode。不同于IE7 mode,Emulate IE7 mode重视<!DOCTYPE>指令。对于许多网页来说这是最推荐的兼容性模式。

IE5 mode #编译内容如同IE7的quirks mode之显示状况,和IE5中显示的非常类似。

IE7 mode #编译内容如同IE7的standards mode之显示状况,无论网页是否含有<!DOCTYPE>指令。

IE8 mode #提供对业界标准的最高支持,包含 W3C Cascading Style Sheets Level 2.1 Specification和W3C Selectors API,并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)。

Edge mode #指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE,使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

注意事项:

1,根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用

2,content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用

如果对WEb服务器了解,可以直接配置一下VirtualHost: Apache:

<IfModule mod_setenvif.c><IfModule mod_headers.c> BrowserMatch MSIE ie Header set X-UA-Compatible "IE=Edge" env=ie BrowserMatch chromeframe gcf Header append X-UA-Compatible "chrome=1" env=gcf </IfModule> </IfModule>

< IfModule mod_setenvif .c >

< IfModule mod_headers .c >

BrowserMatch MSIE ie

Header set X - UA - Compatible "IE=Edge" env = ie

BrowserMatch chromeframe gcf

Header append X - UA - Compatible "chrome=1" env = gcf

< / IfModule >

< / IfModule >

Nginx: 详细参考: 例子

add_header "X-UA-Compatible" "IE=Edge,chrome=1";

add _ header "X-UA-Compatible" "IE=Edge,chrome=1" ;

参考:

http://lightcss.com/add-x-ua-compatible-meta-to-your-website/

http://desert3.iteye.com/blog/1638591

转载于:https://www.cnblogs.com/balala/p/5736529.html

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?相关推荐

  1. 移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签...

    <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> ...

  2. rails 添加外键_如何在Rails后端中添加功能强大的搜索引擎

    rails 添加外键 by Domenico Angilletta 通过多梅尼科·安吉列塔(Domenico Angilletta) In my experience as a Ruby on Rai ...

  3. Hibernate5-多对一双向关联-fetch=select,lazy=proxy,在一的一方的class标签中添加

    1.创建项目,项目名称hibernatedemo28,目录结构如图所示 2.在项目中创建lib目录存储jar文件,目录结构如图所示 3.在src目录中创建实体类Forum,包名(com.mycompa ...

  4. 007.Adding a view to an ASP.NET Core MVC app -- 【在asp.net core mvc中添加视图】

    索引: 目录索引 Adding a view to an ASP.NET Core MVC app 在asp.net core mvc中添加视图 2017-3-4 7 分钟阅读时长 本文内容 1.Ch ...

  5. html右键禁用和web页面中添加加入qq群的方式

    需求: html禁用右键,防止定位csspath和xpath,同时需要在web页面中加入添加加入qq群的图标 实现: html禁用右键:利用oncontextmenu <!doctype htm ...

  6. 用jQuery作为JS对象从选项中添加选项的最佳方法是什么?

    使用jQuery从JavaScript对象向<select>添加选项的最佳方法是什么? 我正在寻找不需要插件的东西,但是我也对那里的插件感兴趣. 这是我所做的: selectValues ...

  7. PHP中添加HTML代码的三种方法(printEND)

    php中添加HTML代码,就是php类型的文件中添加html代码~ 第一种是在HTML中加PHP. 大段大段的html代码中,在各个需要执行php的地方<?php .... ?> 比如 l ...

  8. HTML中添加后退、前进、刷新的超链接

    HTML中添加后退.前进.刷新的超链接 <!-- <a href='javascript:history.go(-1)'>后退</a> <input name='h ...

  9. 向linux kernel中添加cmdline的四种方式

    cmdline 1. 在dts中的bootargs中添加 2.在BoardConfig中添加 3.在uboot中添加 4.在android的Makefile中添加 ★★★ 友情链接 : 个人博客导读首 ...

最新文章

  1. 图像的线性变换的原理及OpenCV代码实现~
  2. 如何在移动硬盘上安装Linux
  3. Windwos中system、System32、SysWOW64区别
  4. iOS开发 之 可穿戴设备 蓝牙4.0 BLE 开发
  5. c语言大数的加减运算,求用C编个大数加减法运算程序
  6. qc中的流程图怎么画_QC流程图参考
  7. Go语言学习之GOPATH
  8. 高通做服务器芯片有优势吗,为什么高通海思联发科不把芯片面积做的和苹果a系列一样大?性能不就赶上了吗?...
  9. java获取指定倒退或向前的时间工具类
  10. std::map的[]方法重写
  11. 二十六岁,裸辞之后,我步入了“三无”行列
  12. cannot be cast to org.springframework.web.method.HandlerMethod 统一异常处理发生异常。
  13. php 设置cors,php – 启用cors在.htaccess
  14. DELL服务器常见报错信息
  15. 解只含加减的一元一次方程
  16. CSDN新手机号绑定不成功,提示已存在账号,CSDN换绑手机号的相关问题
  17. 苹果手机突然没信号无服务器,iPhone突然没信号?3个方法让你迅速解决断线问题!...
  18. (SEED-Lab) DNS_Local Attack Lab
  19. 蓝牙追踪_如何使用蓝牙追踪器跟踪您的东西
  20. 【MindSpore】【数据集】数据集内数据获取失败导致迭代器退出

热门文章

  1. 301重定向的好处:
  2. C++回调函数用法(zz)
  3. 羊皮卷的故事-第二章
  4. 计算机学院 拔河比赛加油词,运动会拔河比赛加油词
  5. php中的构造函数和析构函数,php 中构造函数和析构函数
  6. python字典数据类型笔记_Python学习笔记整理(六)Python中的字典
  7. svm多分类_人工智能科普|机器学习重点知识——支持向量机SVM
  8. java 滑动窗口_【Java】 剑指offer(59-1) 滑动窗口的最大值
  9. 两个超长正整数的加法c语言,二个超长正整数的相加
  10. pythonselenium实战 excel读取和写入_Python3.6+selenium2.53.6自动化测试_读取excel文件的方法...