1. 程式人生 > >通過Meta標籤解決網頁相容性問題

通過Meta標籤解決網頁相容性問題

Meta標籤在網頁的HTML原始碼中一個重要的程式碼“”(即通常所說的META標籤)。META標籤用來描述一個HTML網頁文件的屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面重新整理等。Meta標籤還可以解決網頁相容性問題,由於IE已更新到11版本,但是我們有不少網站系統還是採用的IE8相容模式,那麼我們可以通過Meta標籤在IE9+以上版本預設使用IE7或者IE8的標準進行宣染!

Meta標籤預設使用IE7宣染

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

360瀏覽器核心控制Meta標籤

若頁面需預設用ie相容核心,增加標籤:<meta name=”renderer” content=”ie-comp”>
若頁面需預設用ie標準核心,增加標籤:<meta name=”renderer” content=”ie-stand”>


當然,我們也可以讓360瀏覽器優先使用極速核

若頁面需預設用極速核,增加標籤:<meta name="renderer" content="webkit"> 

對於一些比較舊版的網站,建議使用以下標籤:
<meta name="renderer" content="ie-comp">
<meta name="renderer" content="ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=7">

<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.