Meta标签定义浏览器用什么模式渲染

发表于 html5 分类,标签:

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

        > X-UA-Compatible是自从IE8新添加一个位置,对IE8以下的浏览器是不识别的,

        通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。 

        网页中指定的模式优先于服务器通过HTTP Header指定的模式。

        ## 通用设置

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

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

        ## 单独设置

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

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

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

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

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

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

        - 以下代码是混合写法

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

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


条件注释判断语法!

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!--[if IE 9]> 仅IE9可识别 <![endif]-->

    

0 篇评论

发表我的评论