[HTML][CSS]IE相容性

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

 
 
 
 
 
    X-UA-Compatible是針對ie8新加的一個設定，對於ie8以下的瀏覽器是不識別的，這個區別與 content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對於多數網站來說，它是首選的相容模式。
 
   必須是在頁面的header的meta標籤中加入如下代碼：其他地方添加將會丟失樣式布局
01.<meta http-equiv="X-UA-Compatible" content="IE=7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=7" />  
 
   對於ie8之外的瀏覽器是不識別的，這個區別與content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標準模式。
 這樣我們才能使得頁面在IE8裡面表現正常！
 
    而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對於多數網站來說，它是首選的相容模式。 
    
Html代碼 
01.<meta http-equiv="X-UA-Compatible" content="IE=5" />  
 <meta http-equiv="X-UA-Compatible" content="IE=5" /> 
像是使用了 Windows Internet Explorer 7 的 Quirks 模式，這與 Windows Internet Explorer 5 顯示內容的方式很相似。
Html代碼 
01.<meta http-equiv="X-UA-Compatible" content="IE=7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 
無論頁面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的標準渲染模式。
Html代碼 
01.<meta http-equiv="X-UA-Compatible" content="IE=8" />  
 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 
    開啟 IE8 的標準渲染模式，但由於本身 X-UA-Compatible 檔案頭僅支援 IE8 以上版本，因此等同於冗餘代碼。
Html代碼 
01.<meta http-equiv="X-UA-Compatible" content="edge" />  
 <meta http-equiv="X-UA-Compatible" content="edge" /> 
    Edge 模式通知 Windows Internet Explorer 以最進階別的可用模式顯示內容，這實際上破壞了“鎖定”模式。
Html代碼 
01.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示，而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。對於多數網站來說，它是首選的相容模式。