您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 移動前端 >> 瀏覽設(shè)計教程

X-UA-Compatible屬性的解釋

問題描述:

代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />


1、這個到底是什么意思?

 

2、一些示例使用”,”分離IE的版本,而一些使用”;“,哪個正確?

3、我想知道IE=9; IE=8; IE=7; IE=EDGE順序的含義。

在文檔中使用了<!DOCTYPE>

答復(fù):

對于IE8及以上版本,例如:

代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />


強制瀏覽器按照特定的版本標準進行渲染。但不支持IE7及以下版本。如果用分號(;)分隔,對于不同的瀏覽器版本就有不同的兼容性,例如

 
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />


以上就表明,將IE8和IE7按照IE7標準渲染,但是IE9還是按照IE9的標準渲染。它允許有不同的向后兼容水平。盡管在真實情況中,你只要選擇一種版本:

 
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=8" />


這對于測試和維護會更加簡單。而通常更加有用的方式就是進行仿真模擬

 
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />


對于IE=EDGE

 
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />


這意味著,會強制瀏覽器按照最新的標準去渲染。就像在Google’s CDN使用最新版本的JQuery一樣,這是按照最新版本,但也可能由于沒有固定的版本而破壞你的布局。

 

最后,考慮下面這個
 

代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />


添加”chrome=1“將允許站點在使用了谷歌瀏覽器內(nèi)嵌框架(Chrome Frame)的客戶端渲染,對于沒有使用的,則沒有任何影響。

 
代碼如下:

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

 

PS:X-UA-Compatible是針對 IE8 版本的一個特殊文件頭標記,用于為 IE8 指定不同的頁面渲染模式,對于ie8之外的瀏覽器是不識別的。

目前絕大多數(shù)網(wǎng)站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >來作為IE8的兼容方法。為了避免制作出的頁面在IE8下面出現(xiàn)錯誤,建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼:
 

代碼如下:

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ /></p> <p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ ></p> <p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >


但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >仍然是首選。

[教程作者:佚名]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd2517.html
前端開發(fā)之css3:border-image邊框圖像詳解
CSS隱藏文字的方法
圖趣網(wǎng)微信
建議反饋
×