HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有啥作用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有啥作用相关的知识,希望对你有一定的参考价值。

参考技术A

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

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

例子:

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

扩展资料:
注意事项:
1,根据官网定义X-UA-compatible标头不区分大小写;不过,它必须显示在网页中除title元素和其他meta元素以外的所有其他元素之前。如果不是的话,它不起作用
2,content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用。

    官方服务
      官方网站官方网站

???IE??????????????????????????????jquery?????????????????????????????????????????????X-UA-Compatibl

????????????????????????   ??????   jquery   utf-8   ??????   charset   ??????   UI   man   

?????????????????????jquery??????Manifest

?????????????????????IE?????????????????????????????????????????????????????????textbox?????????

 

 IE??????bug????????????

 ??????????????????

 

?????????????????????????????????

??????????????????

 

???????????????IE???jquery???????????????????????????

??????????????????

SCRIPT3: ??????????????????

 

?????????????????????????????????????????????MD

????????????????????????????????????SB IE???????????????????????????

 

?????????????????????????????? 

 

head??????????????????meta??????

<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge" />

 

?????????????????????IE??????????????????????????????????????????????????????

 

?????????

 

以上是关于HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有啥作用的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化成神之路-浏览器缓存机制详解

006

chrome框架元标记

Jquery | 基础 | html()

以 Safari 为中心的 Flexbox

浏览器缓存机制