HTML中代碼注釋類型有哪些

這篇文章給大家分享的是有關(guān)HTML中代碼注釋類型有哪些的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

HTML注釋

在HTML代碼中，<!-- 和 -->標簽之間的文本是文檔的注釋，注釋的內(nèi)容不會被顯示在瀏覽器頁面上。只有在文本編輯器中，或瀏覽器的“查看源代碼”選項打開文檔時，才能看到注釋。

HTML中的注釋有兩種類型，一種是HTML代碼注釋，一種是IE條件注釋。

1、HTML代碼注釋

在一個大文檔中，通過注釋來標明區(qū)塊的開始合結(jié)束的位置，可以方便查找，也可以通過注釋來阻止某些內(nèi)容顯示。

當編寫了大量代碼時，對關(guān)鍵代碼進行注釋是一個良好的習慣，通過注釋來說明某段代碼的意圖，有助于提醒自己或需要在這個網(wǎng)站上工作的其他人，了解這段代碼的作用。

使用注釋來隱藏腳本，也是一個良好的習慣，這樣一來，不支持腳本的瀏覽器就不會把腳本作為純文本顯示出來。如：

<script type="text/javascript">
<!--
function displayMsg() {
    alert("Hello World!")
}
//-->
</script>

2、IE條件注釋

IE條件注釋（Conditional comments），是IE瀏覽器對HTML代碼注釋的一種擴展，它是一種非標準邏輯語句，可以靈活的為不同版本的IE導入不同html元素，如樣式表、html標簽等。

條件注釋在IE5首次出現(xiàn)，并得到后續(xù)版本的支持，其語法就是一個普通的HTML注釋，IE以外的瀏覽器會把它作為注釋而忽略。因此，它能通過W3C的校驗，也不會對其他瀏覽器造成影響。

條件注釋的功能非常強大，可以進行 if 條件判斷，并根據(jù)判斷結(jié)果是true 或 false，來決定是否要解析條件注釋里的內(nèi)容。

條件判斷以 <!--[if 條件]> 開始，以<![endif]-->結(jié)束，可以根據(jù)IE、非IE進行判斷，還可以根據(jù)IE的版本號進行判斷，版本號可以精確到小數(shù)點后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設(shè)計師再也不必為IE的兼容性問題所困擾了。

感謝各位的閱讀！關(guān)于“HTML中代碼注釋類型有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！