html HEADER 

<!DOCTYPE html>
<html lang="cn">
 <head>
<title>this is title</title>
<meta charset="utf-8">  #
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  #
<meta name="renderer" content="webkit">  #

<link rel="stylesheet" type="text/css" href="#">
<link rel="stylesheet" type="text/css" href="#">

<script src="#" type="text/javascript" charset="utf-8">scirpt a</script>
<script src="#" type="text/javascript" charset="utf-8">scirpt b</script>

<style>
a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

</style>
 </head>

 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">:
<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=1：指安装了Google Chrome Frame(谷歌内嵌浏览器框架GCF)插件的用户，可以让用户的IE浏览器外观不变，
但用户在浏览网页时实际上使用的是Chrome的内核，并且支持Windows XP及以上系统的IE6/7/8

<meta name="renderer" content="webkit">:
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。
以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。
<html>
  <head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
  </head>
  <body>
  </body>
</html>

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

 

posted on 2018-07-17 11:30  myworldworld  阅读(119)  评论(0)    收藏  举报

导航