這次帶給大家IE8相容的重要屬性X-UA-Compatible,使用IE8相容的重要屬性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順序的意思。
在文件中使用了
答案:
對於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「將允許網站在使用了Google瀏覽器內嵌框架(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以外的瀏覽器是不識別的。
目前絕大多數網站都用來作為IE8的相容方法。為了避免製作出來的頁面在IE8下方出現錯誤,建議直接將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″ >
但是仍然是首選。
StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
在HTML的清單中,dl(dt,dd)、ul(li)、ol(li) 有什麼不同
以上是IE8相容的重要屬性X-UA-Compatible的詳細內容。更多資訊請關注PHP中文網其他相關文章!