html- Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用？

最新推荐文章于 2024-11-23 09:53:31 发布

VeraJy_bupt

最新推荐文章于 2024-11-23 09:53:31 发布

阅读量6.2k

点赞数

分类专栏：前端学习之代码规范

前端学习之代码规范专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

常用的例子：

 
         1 
       
         2 
       
         3 
       
         4 
       
         5 
       
         6 
       
         7 
       
         8 
       
         9 
       
         10 
       
        <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 
        .

Chrome Frame 可参见百度百科

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

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