DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE8文件兼容性問題詳解(3)
IE8文件兼容性問題詳解(3)
編輯:CSS詳解     
認識內容屬性值

內容屬性值在接收到異於先前敘述的數值時是具有彈性的。這能使你對於IE如何顯示你的網頁更有操控性。舉例來說,你可以設定內容屬性值為IE=7.5。當你這樣做的時候,IE嘗試將這個值轉換為versionvector並選擇最接近的結果。在這個例子中,IE會將其設定為IE7mode。下面的范例顯示該模式設定為其他值的狀況。

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=4"><!--IE5mode-->
  2. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=7.5"><!--IE7mode-->
  3. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=100"><!--IE8mode-->
  4. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=a"><!--IE5mode-->
  5. <!--ThisheadermimicsInternetExplorer7anduses
  6. <!DOCTYPE>todeterminehowtodisplaytheWebpage-->
  7. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7">

注意:前面的范例顯示單獨的內容值。實際上IE只會執行網頁中第一個X-UA-Compatible標頭。

你也可以使用內容屬性來指定復數的IE8文件兼容性模式,這能幫助確保你的網頁在未來的浏覽器版本都能一致的顯示。欲設定復數的文件模式,請設定內容屬性以判別你想使用的模式。使用分號來分開各個模式。

如果一個特定版本的IE支持所要求的兼容性模式多於一種,將採用列於標頭內容屬性中最高的可用模式。你可以使用這個特性來排除特定的兼容性模式,雖然並不推薦這樣做。舉例來說,下列標頭即會排除IE7mode。

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=5;IE=8"/>

結論

兼容性對於網頁設計師來說是非常重要的顧慮。雖然最好是可以建立一個完全不需依賴任何網頁浏覽器特性或功能的網站,有時候這是不可能實現的。IE8文件兼容性模式便能將網頁限制在某個特定版本的IE中。

使用X-UA-Compatible標頭來指定你的頁面支持的IE版本。使用document.documentMode判定頁面的兼容性模式。選擇支持某個特定版本的IE,你可以確保你的頁面在未來的浏覽器版本中也能有顯示的一致性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved