meta標籤的http-equiv與content解析

小時光不期而遇發表於2019-01-08

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-

相關文章