瞭解網頁設計中的註解意思
IE條件註解是一種特殊的網頁設計註解,這種註解只有IE5.0及以上版本才能理解。比如普通的網頁設計註解是:
<!--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]-->
簡而言之,除了“Windows上的IE”之外的所有流覽器都會認為條件註解只是一段普通的網頁設計註解。你不能在CSS代碼中使用條件註解。IE條件註解是很有用的對IE隱藏或者展現特定代碼的方法,比起在CSS中用詭異的_/製造bug,利用IE條件註解來寫CSS “hacks”是更合理的方法。通俗點,條件註解就是一些if判斷,但這些判斷不是在腳本裡執行的,而是直接在html代碼裡執行的。
1.條件註解的基本結構和HTML的註解(<!– –>)是一樣的。因此IE以外的流覽器將會把它們看作是普通的註解而完全忽略它們。
2.IE將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件註解裡的內容。
3.條件註解使用的是HTML的註解結構,因此他們只能使用在HTML檔裡,而不能在CSS檔中使用。
從語法上看這是相當合法的普通網頁設計註解。任何流覽器都會認為<!–和–>之間的部分是註解從而忽略它。但是IE也會看到其中[if IE]>,從而開始解釋接下來的代碼直到遇到<![endif]。所以,下面這些代碼不會顯示在任何其他流覽器中面。
通過“比較操作符”可以更靈活地對IE版本進行控制,用法是在IE前面加上“比較操作符”。合法的操作符如下:
•lte:就是Less than or equal to的簡寫,也就是小於或等於的意思。
•lt :就是Less than的簡寫,也就是小於的意思。
•gte:就是Greater than or equal to的簡寫,也就是大於或等於的意思。
•gt :就是Greater than的簡寫,也就是大於的意思。
•! :就是不等於的意思,跟javascript裡的不等於判斷符相同
示例:
•<!–[if gt IE 5.5]> / 如果IE版本大於5.5 /
•<!–[if lte IE 6]> / 如果IE版本小於等於6 /
•<!–[if !IE]> / 如果流覽器不是IE /
雖然看上去當你第一次使用條件註解的時候會更費時,但當你以後調試你的CSS的時候,就會發現非常方便。用條件註解你只需要寫一遍網頁設計註解,而用bug你需要為每一條規則都寫上又長又醜的代碼,而且還經常是為了改變其他的hacks而寫的hacks。除此之外條件註解對於不支持它的任何流覽器而言都是合法的網頁設計註解。以下為條件註解與CSS hacks的一些區別:
1.Hacks是基於流覽器的bug,而這些bug最終可能會被修復。
2.條件註解是基於IE特定代碼,這種識別機制任何時候都不會被移除。
3.每一個流覽器都能看見你的hacks,或許下一個版本或者一個新的流覽器會在你的hacks代碼上出錯。
4.只有IE才能看到條件註解,通過額外的“IE檔”來影響頁面,其他流覽器根本就不會下載它。
5.Hacks不能確保對哪些流覽器生效而對哪些不,用的hacks越多,代碼越混亂。
6.條件註解利用版本匹配使得作者可以容易地對特定版本寫代碼。
轉貼來源:網頁設計部落格
參考文獻:
1.李果益,2001,JAVA 技術手冊,台北:美商歐萊禮股份有限公司台灣分公司。
2.易芙瑛,2002,影響企業導入可延伸性企業報告語言(XBRL)之因素探討,私立中原大學會計系碩士班未出版論文。
3.吳政隆,2002,以XML 為資料擷取介面之審計系統實作,私立中原大學會計系碩士班未出版論文。
相關文章
各瀏覽器處理網頁設計的原理我們如何從網頁設計中學到借鏡如何依網頁設計的首頁設計經驗更新網頁設計的首頁文案與6個文案要點問題做一個程式設計的自由人
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了