強(qiáng)制不使用“兼容性視圖”的HTML代碼

2013-08-09 14:17:37來(lái)源:西部e網(wǎng)作者:icech

在IE8瀏覽器以后版本,都有一個(gè)“兼容性視圖”,讓不少新技術(shù)無(wú)法使用。那么如何禁止瀏覽器自動(dòng)選擇“兼容性視圖”,強(qiáng)制IE以最高級(jí)別的可用模式顯示內(nèi)容呢?下面就介紹一段HTML代碼。

在IE8瀏覽器以后版本,都有一個(gè)“兼容性視圖”,讓不少新技術(shù)無(wú)法使用。那么如何禁止瀏覽器自動(dòng)選擇“兼容性視圖”,強(qiáng)制IE以最高級(jí)別的可用模式顯示內(nèi)容呢?下面就介紹一段HTML代碼。

X-UA-Compatible是一個(gè)設(shè)置IE瀏覽器兼容模式的屬性,在IE8瀏覽器之后誕生。IE8或者IE9有很多種模式,比如,IE8有4種模式:IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式;而IE9有7種模式: IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式、IE9幾乎標(biāo)準(zhǔn)模式、IE9標(biāo)準(zhǔn)模式、XML模式。

我們常使用代碼:

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

來(lái)開(kāi)啟IE8的標(biāo)準(zhǔn)渲染模式。這種方式在只存在IE8瀏覽器的時(shí)候比較合適,但是后來(lái)又出現(xiàn)了IE9、IE10、IE11等等。我們就可以這樣寫:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是優(yōu)先最前面的IE9,沒(méi)IE9就用IE8。那么如果針對(duì)每一種都寫一遍,似乎就有些冗余了。

所以我們改變方式采用代碼:

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

Edge模式通知IE以最高級(jí)別的可用模式顯示內(nèi)容,這實(shí)際上破壞了“鎖定”模式。

當(dāng)然,我們還見(jiàn)過(guò)這樣的代碼:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

就是增加了chrome=1值,目的是觸發(fā)Google Chrome Frame,不過(guò)現(xiàn)在Google已經(jīng)拋棄Google Chrome Frame了,因此也不用這樣寫了。

總結(jié):

在 <!DOCTYPE html> 下,使用代碼:

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

觸發(fā)標(biāo)準(zhǔn)模式,這個(gè)是最有效的方法。

關(guān)鍵詞:HTML兼容模式IE瀏覽器

贊助商鏈接: