使用條件注釋判斷 IE 瀏覽器版本適用于IE5.0及以上版本

IE條件注釋是一種特殊的HTML注釋?zhuān)@種注釋只有IE5.0及以上版本才能理解。比如普通的HTML注釋是:
<!--This is a comment-->
而只有IE可讀的IE條件注釋是:
<!--[if IE]> <![endif]-->
“非IE條件注釋”:
<!--[if !IE]>--> non-IE HTML Code <!--<![endif]-->
“非特定版本IE條件注釋”(很少用到):
<!--[if ! lt IE 7]><![IGNORE[--><![IGNORE[]]>Code for browsers that match the if condition<!--<![endif]-->
簡(jiǎn)而言之,除了“Windows上的IE”之外的所有瀏覽器都會(huì)認(rèn)為條件注釋只是一段普通的HTML注釋。你不能在CSS代碼中使用條件注釋。IE條件注釋是很有用的對(duì)IE隱藏或者展現(xiàn)特定代碼的方法,比起在CSS中用詭異的_/制造bug,利用IE條件注釋來(lái)寫(xiě)CSS “hacks”是更合理的方法。通俗點(diǎn),條件注釋就是一些if判斷,但這些判斷不是在腳本里執(zhí)行的,而是直接在html代碼里執(zhí)行的。
條件注釋的基本結(jié)構(gòu)和HTML的注釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會(huì)把它們看作是普通的注釋而完全忽略它們。
IE將會(huì)根據(jù)if條件來(lái)判斷是否如解析普通的頁(yè)面內(nèi)容一樣解析條件注釋里的內(nèi)容。
條件注釋使用的是HTML的注釋結(jié)構(gòu),因此他們只能使用在HTML文件里,而不能在CSS文件中使用。
從語(yǔ)法上看這是相當(dāng)合法的普通HTML注釋。任何瀏覽器都會(huì)認(rèn)為<!–和–>之間的部分是注釋從而忽略它。但是IE也會(huì)看到其中[if IE]>,從而開(kāi)始解釋接下來(lái)的代碼直到遇到<![endif]。所以,下面這些代碼不會(huì)顯示在任何其他瀏覽器中面。
通過(guò)“比較操作符”可以更靈活地對(duì)IE版本進(jìn)行控制,用法是在IE前面加上“比較操作符”。合法的操作符如下:
lte:就是Less than or equal to的簡(jiǎn)寫(xiě),也就是小于或等于的意思。
lt :就是Less than的簡(jiǎn)寫(xiě),也就是小于的意思。
gte:就是Greater than or equal to的簡(jiǎn)寫(xiě),也就是大于或等于的意思。
gt :就是Greater than的簡(jiǎn)寫(xiě),也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判斷符相同
示例:
<!–[if gt IE 5.5]> / 如果IE版本大于5.5 /
<!–[if lte IE 6]> / 如果IE版本小于等于6 /
<!–[if !IE]> / 如果瀏覽器不是IE /
雖然看上去當(dāng)你第一次使用條件注釋的時(shí)候會(huì)更費(fèi)時(shí),但當(dāng)你以后調(diào)試你的CSS的時(shí)候,就會(huì)發(fā)現(xiàn)非常方便。用條件注釋你只需要寫(xiě)一遍HTML注釋?zhuān)胋ug你需要為每一條規(guī)則都寫(xiě)上又長(zhǎng)又丑的代碼,而且還經(jīng)常是為了改變其他的hacks而寫(xiě)的hacks。除此之外條件注釋對(duì)于不支持它的任何瀏覽器而言都是合法的HTML注釋。以下為條件注釋與CSS hacks的一些區(qū)別:
Hacks是基于瀏覽器的bug,而這些bug最終可能會(huì)被修復(fù)。
條件注釋是基于IE特定代碼,這種識(shí)別機(jī)制任何時(shí)候都不會(huì)被移除。
每一個(gè)瀏覽器都能看見(jiàn)你的hacks,或許下一個(gè)版本或者一個(gè)新的瀏覽器會(huì)在你的hacks代碼上出錯(cuò)。
只有IE才能看到條件注釋?zhuān)ㄟ^(guò)額外的“IE文件”來(lái)影響頁(yè)面,其他瀏覽器根本就不會(huì)下載它。
Hacks不能確保對(duì)哪些瀏覽器生效而對(duì)哪些不,用的hacks越多,代碼越混亂。
條件注釋利用版本匹配使得作者可以容易地對(duì)特定版本寫(xiě)代碼。
相關(guān)文章
- 條件注釋是IE特有的一種功能,能對(duì)IE系列產(chǎn)品進(jìn)行單獨(dú)的XHTML代碼處理,注意,主要是針對(duì)XHTML,而非CSS。 條件注釋功能非常強(qiáng)大,可以進(jìn)行true和false判斷,例如:2008-10-17
IE的有條件注釋優(yōu)點(diǎn)和缺點(diǎn)
IE的有條件注釋是一種專(zhuān)有的(因此是非標(biāo)準(zhǔn)的)、對(duì)常規(guī)(X)HTML注釋的Miscrosoft擴(kuò)展。 IE的有條件注釋是一種專(zhuān)有的(因此是非標(biāo)準(zhǔn)的)、對(duì)常規(guī)(X)HTM2009-04-02- IE瀏覽器的條件注釋雖不太常用,卻異常強(qiáng)大,不僅可以用來(lái)區(qū)分IE瀏覽器版本2010-03-05
針對(duì)主流瀏覽器的CSS-HACK寫(xiě)法及IE常用條件注釋
本文將為你總結(jié)CSS針對(duì)各瀏覽器的兼容HACK(以IE6/IE7/IE8 /FF為主),以及IE特有的條件注釋使用方法.2010-07-04- ie10已經(jīng)上線一段時(shí)間了,相信已經(jīng)有一部分前端潮人體驗(yàn)過(guò)了,截至到現(xiàn)在,在ie6到ie9的瀏覽器各種各樣的古怪行為,開(kāi)發(fā)人員不得不使用條件注釋?zhuān)袟l件的類(lèi),和其他特定于I2012-12-11
瀏覽器兼容之旅第一站:如何在頁(yè)面中創(chuàng)建IE條件注釋
瀏覽器的兼容問(wèn)題一定處理過(guò)不少了,特別是IE6的兼容問(wèn)題;這一節(jié)主要了解了如何在頁(yè)面中創(chuàng)建IE條件注釋,以及其帶來(lái)的好處,和所起的作用,需要了解的朋友可以參考下2012-12-27- 使用條件注釋判斷瀏覽器在某些時(shí)候還是比較使用的,比如css 樣式的兼容根據(jù)瀏覽器不同進(jìn)行判斷加載,類(lèi)似的例子還有好多,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-07-26
- 條件注釋是IE特有的一種功能,能對(duì)IE系列產(chǎn)品進(jìn)行單獨(dú)的XHTML代碼處理,注意,主要是針對(duì)XHTML,而非CSS。本文我們就來(lái)探討下關(guān)于IE條件注釋的相關(guān)問(wèn)題。2014-12-08