HTML注釋的格式和用法

標籤：

HTML注釋的格式：

　　<!-- 這裡是注釋內容-->

　　左角括弧開始，一個驚嘆號跟兩個減號。然後寫入注釋內容。後面跟兩個減號，以右角括弧結束；

————如果只是不知道注釋的格式，上面的內容就夠了————————————————————————————————————————————

　　格式的補充說明：

　　　　1注釋的內容以及注釋的符號在瀏覽器都不會顯示，並且不佔用瀏覽器的空間；

　　　　2可以對多行進行注釋，只要內容被包裹在“<!--”和“-->”這一對注釋符號中即可；

　　　　3注釋也可以寫在一行程式的末尾，或者一行程式的中間。也就是說只要你喜歡或者你需要，隨時隨地都可以寫注釋；

————以下是對於注釋用法的一些個人見解，供大家參考、補充、討論、指正———————————————————————————————————

HTML注釋的用法：

　　一、在一個元素開始的上端，與元素的<對其

　　　　<!--這裡寫這個元素的層級、包含的大致內容、這個地區的名稱-->

　　　　<元素開始標籤>

　　　　　　……

　　　　<元素結尾標籤>

　　　　比如：

　　　　<!--這個一級div放置頂端導航區-->

　　　　<div>

　　　　　　<!--這些連結放置各個導航地址-->

　　　　　　<a>首頁</a><a>園子</a><a>新聞</a><a>博問</a>

　　　　</div>

　　　　這樣做的好處：

　　　　　　1 可以很清晰的將網頁的地區劃分從UI設計表現在HTML文檔中，方便維護和編輯

　　　　　　2 在編輯過程中如果摺疊部分代碼，留下這行注釋不摺疊你能很快知道隱藏掉的代碼是哪些

　　　　　　3 只看注釋就能很快找到你要操作的模組

　　二、在一行的行末

　　　　個人在用這種方式的時候基本類似於打個標記，比如快下班的時候，正好做到了這一行，做個標記。等上班的時候，就可以從這個標記這裡開始繼續做了；

　　　　比如：

　　　　<div>

　　　　　　<div>

　　　　　　　　<ul>

　　　　　　　　　　<li><p>這個問題值得研究嗎？<img src="daLianMao.jpg>什麼鬼</p></li>

　　　　　　　　　　<li><p>這是個好問題！<a href="woYaoChiTang"></a>吃吧</p></li>  <!--哇！下班了耶，明天繼續吧！-->

　　　　　　　　　　……

　　三、在一行的中間

　　　　我覺得是做到一些可能暫時還未定，或者自己做起來感到吃力的地方。先做個注釋標記，等後面請教或者自己學習好了再來做。或者等別人定好資料再添加。

　　　　比如：

　　　　　　……

　　　　　　<img><!--呃。。。這個圖片好難做，回頭再收拾你--><a href="tuPianZhi>How to </a>

　　　　　　……

　　其他的還沒想到什麼，歡迎大家補充

HTML注釋的格式和用法