HTML_head標籤中META,IF IE 及 IFrame 中的頁面的兼容性相關問題

meta中經常使用的標籤：

‍<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- 設置頁面編碼 -->
<meta http-equiv="Content-Language" content="zh-CN" /><!--設置頁面語言 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><!-- 強制使用IE7模式渲染 -->

<!-- 在IE使用時，強制使用當前IE瀏覽器的最新版本模式渲染，在非ＩＥ使用時，強制使用Chrome的模式渲染 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="Cache-Control" content="no-siteapp" /><!-- Baidu:禁止百度生成轉碼後的手機站 -->

<meta http-equiv="refresh" content="5;URL=http://www.baidu.com" /><!-- 5秒後自動刷新指向新頁面 -->
<meta http-equiv="Cache-Control" content="no-cache" /><!-- 禁止瀏覽器從本地計算機的緩存中訪問頁面內容 -->
<meta name="keywords" content="keywords01,keywords02"><!-- 向搜索引擎說明你的網頁的關鍵詞 -->
<meta name="description" content="this is my web description."><!-- 告訴搜索引擎你的站點的主要內容 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!--Mobile:默認設備寬度,初始大小1,最大尺寸1,禁止縮放 --> 
<meta name="renderer" content="webkit" /><!-- 360:默認採用高速模式 -->

 IE 版本識別：

<!--[if IE]> 全部的IE可識別 <![endif]-->
<!--[if !IE]> 除IE外均可識別 <![endif]--> 
<!--[if IE 8]> 僅IE8可識別 <![endif]--> 
<!--[if lt IE 9]> IE9如下版本可識別 <![endif]--> 
<!--[if gt IE 6]> IE6以上版本可識別 <![endif]--> 
<!--[if lte IE 8]> IE8及IE8如下版本可識別 <![endif]--> 
<!--[if gte IE 9]> IE9及IE9以上版本可識別 <![endif]-->

 

IFrame渲染模式:

IFrame是直接使用被嵌入的網頁的渲染模式，不受IFrame裏的強制渲染模式所控制。

eg:

A網頁經過Iframe嵌入了B網頁，A網頁使用了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,B網頁使用了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />,實際運行時，A，B網頁都使用的IE7的模式進行渲染。