本文主要為大家分享一篇關於HTML中的程式碼註解的問題,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧。
HTML註解
在HTML程式碼中,c67ae41cbb7f96d43e7acb02147b0e5b標籤之間的文字是文件的註釋,註釋的內容不會被顯示在瀏覽器頁面上。只有在文字編輯器中,或瀏覽器的「檢視原始碼」選項開啟文件時,才能看到註解。
HTML中的註解有兩種類型,一種是HTML程式碼註釋,一種是IE條件註解。
1、HTML程式碼註解
在一個大文件中,透過註解來標示區塊的開始合結束的位置,可以方便查找,也可以透過註釋來阻止某些內容顯示。
當編寫了大量程式碼時,對關鍵程式碼進行註解是一個良好的習慣,透過註解來說明某段程式碼的意圖,有助於提醒自己或需要在這個網站上工作的其他人,了解這段程式碼的作用。
使用註解來隱藏腳本,也是一個好的習慣,這樣一來,不支援腳本的瀏覽器就不會把腳本當作純文字顯示出來。如:
<script type="text/javascript"> <!-- function displayMsg() { alert("Hello World!") } //--> </script>
2、IE條件註解
IE條件註解(Conditional comments),是IE瀏覽器對HTML程式碼註解的一種擴展,它是一種非標準邏輯語句,可以靈活的為不同版本的IE匯入不同html元素,如樣式表、html標籤等。
條件註釋在IE5首次出現,並得到後續版本的支持,其語法就是一個普通的HTML註釋,IE以外的瀏覽器會把它作為註釋而忽略。因此,它能通過W3C的校驗,也不會對其他瀏覽器造成影響。
條件註解的功能非常強大,可以進行 if 條件判斷,並根據判斷結果是true 或 false,來決定是否要解析條件註解裡的內容。
條件判斷以ec1da8fa0827bb7016c29542c2233967 開始,以1b771f47d72d900ba74308aee59557f0結束,可以根據IE、非IE進行判斷,還可以根據IE的版本號進行判斷,版本號碼可以精確到小數點後4位。如:
<!--[if IE]> <![endif]--> /* 所有IE,无论哪个版本 */ <!--[if IE 6]> <![endif]--> /* 如果IE版本是6 */
條件判斷中,也支持大於(gt: greater than)、小於(lt: less than)、大於等於(gte: greater than or equal)、小於等於(lte: less than or equal)、或(|)、與(&)、非(!)、括號。如:
<!--[if gt IE 6]> <![endif]--> /* 如果IE版本大于6 */ <!-- [if lte IE 9]> <![endif]--> / * 如果IE版本小于等于9 * / <!--[if IE 6 | IE 7]> <![endif]--> /* 如果IE版本是6或7 */ <!--[if ! IE 5.5]> <![endif]--> /* 如果IE版本不是5.5 */ <!-- [if (gt IE 6) & (lte IE 9)]> <![endif]--> / * 如果IE版本大于6,且小于等于9 * /
借助條件註釋,可以解決許多IE相容性問題。如,IE9以下的版本不支援HTML5的新元素 header、nav、aside、footer等,而在Internet上存在大量的 html5shiv腳本可以解決這個問題。只要下載對應的腳本,並在頁面的頭部,透過IE條件註釋,讓IE9以下的版本載入該腳本,就可以讓這些舊瀏覽器支援HTML5的新元素。
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
也可以使用同樣的方法,來解決CSS的相容性問題。如,IE6不支援一些CSS新特性,就可以專門針對IE6編寫CSS文件,並只讓IE6加載它:
<!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" /> <![endif]-->
一個好消息是,從IE10版本開始,不再支援條件註釋。這標誌著IE從此走向成熟、走向標準,Web設計師再也不必為IE的兼容性問題所困擾了。
相關推薦:
以上是關於HTML中的程式碼註釋的詳細內容。更多資訊請關注PHP中文網其他相關文章!