首頁 > 文章 > web前端 > 關於HTML中的程式碼註釋

關於HTML中的程式碼註釋

零到壹度原創: 2018-03-29 15:14:113877瀏覽

本文主要為大家分享一篇關於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中的程式碼註釋

相關文章