HTML標籤系列（一）——注釋標籤 <!--，標籤注釋

HTML標籤系列（一）——注釋標籤 <!--，標籤注釋

一、HTML注釋的文法

 

<!--注釋內容-->

 

二、HTML注釋的用處　

　　1、普通注釋（增強代碼的可讀性）

　　方便別人：方便其它程式員瞭解你的代碼

　　方便自己：方便以後對自己代碼的理解與修改等等

　　常常聽說這樣一句話，“好的代碼，注釋佔三分之一”，這裡暫且不去討論三分之一的注釋是多是少，只需明確一點，注釋很重要。

　　我的理解：1.好的代碼，需要注釋　

　　　　　　　2.注釋是不是越多越好呢？不是的

 

　　注釋到底多少才合適呢？讀了一些大神的文章，中心思想歸結為：在需要注釋的地方注釋最合適。看似一句廢話，卻道出了天地間無盡的真理啊，這下要慢慢消化啦。不是大神的我們，我覺得只要在自己認為很重要而且方便以後自己和別人尋找和理解的地方注釋就可以了。

 

　　下面這兩篇文章，個人覺得有一定的啟示作用，希望大家可以更深入的瞭解注釋

 

　　避免代碼注釋的五大理由

 

　　五種應該避免的代碼注釋

 

　　2、條件注釋（與CSS）

 

　　在CSS布局中，還常常用到IE CSS Hack。if IE條件注釋起著非常大的作用！if IE條件註解，讓不同版本IE瀏覽器讀取所能識別條件內容來設定對應CSS樣式，從而解決CSS hack。

　　

　　If條件不同版本瀏覽器注釋列表：gt:（greater than）大於；lt:（less than）小於；e（equal）等於；
　　<!--[if IE]> 所有的IE可識別<![endif]-->

　　<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以識別 <![endif]--> 

　　<!--[if IE 6]> 僅IE6可識別<![endif]--> 

　　<!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]--> 

　　<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]--> 

　　<!--[if IE 7]> 僅IE7可識別<![endif]--> 

　　<!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]--> 

　　<!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->

　　*還可以與布林運算子與（&）、或（|）、非（!）一起使用，建立更複雜的運算式。

　　<!--[if !IE]>除IE外都可識別<![endif]--> 

　　<!--[if (gt IE 5)&(lt IE 7)]>IE5以上及IE7以下版本可識別<![endif]-->

　　<!--[if (IE 6)|(IE 7)]>IE6或IE7可識別<![endif]-->

 

　　3、（與javasctipt）使用注釋標籤來隱藏瀏覽器不支援的指令碼也是一個好習慣（這樣就不會把指令碼顯示為純文字）

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

　　注釋：注釋行結尾處的兩條斜杠 (//) 是 JavaScript 注釋符號。這可以避免 JavaScript 執行 --> 標籤。

 

重申：

避免html網頁中濫用注釋註解
在網頁中沒有必要時候完全盡量少用注釋，注釋也會隨瀏覽器載入，增加字元大小。一般分析網頁我們可以藉助DW軟體進行，盡量少使用注釋，盡量不要在注釋中使用中文以免中文編碼問題造成網頁亂碼。

那在什麼地方用注釋呢？

1、 自己認為重要代碼。比如在html中，自己認為重要的代碼布局，有必要批註注釋說明的，我們可以使用html註解來。
2、給別人看。比如自己寫的html代碼，有的地方代碼需要說明一下，同時要轉給別人看和解讀分析的，這個時候就有必要使用html注釋。