meta是html語言head區的一個輔助性標簽,以下是meta的http-equiv屬性和content屬性的一些介紹。 http-equiv屬性 指示伺服器在發送實際的文檔之前,要在傳送給瀏覽器的 MIME 文檔頭部包含http-equiv屬性的值。此屬性要與content屬性結合在一起使用。 ...
meta是html語言head區的一個輔助性標簽,以下是meta的http-equiv屬性和content屬性的一些介紹。
http-equiv屬性
指示伺服器在發送實際的文檔之前,要在傳送給瀏覽器的 MIME 文檔頭部包含http-equiv屬性的值。此屬性要與content屬性結合在一起使用。
這裡主要說一下該屬性的“X-UA-Compatible”這個值
X-UA-Compatible
這是IE8的專用標記,是用於指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式以此來解決部分相容問題,在網頁中,其指定的模式的優先權高於伺服器中(通過HTTP Header)所指定的模式,
相容性模式設置優先順序: meta tap>http header
為什麼要使用“X-UA-Compatible”?
IE8剛推出的時候,由於很多網頁的重構問題,無法適應高級的瀏覽器,為了找到更省時省力的方法,就出現了X-UA-Compatible,這個只針對IE8而新加的一個設置,對於IE8之外的瀏覽器是不識別的,用X-UA-Compatible強制IE8按照低版本的渲染代碼。
content屬性
1、<meta http-equiv="X-UA-Compatible" content="IE=7" />
無論頁面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的標準渲染模式。
2、<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。對於多數網站來說,它是首選的相容性模式
3、<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容,這實際上破壞了“鎖定”模式。即如果你有IE10的話說明你有IE7、8、9、10,那麼就調用高版本的那個也就是IE10。
4、<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
如果IE有安裝Google Chrome Frame,那麼就用安裝的組件,如果沒有就跟<meta http-equiv="X-UA-Compatible" content="edge" />一樣。
說明:針對IE 6,7,8等版本的瀏覽器插件Google Chrome Frame,可以讓用戶的瀏覽器外觀依然是IE的菜單和界面,但用戶在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核。
-THE END-