在編寫HTML代碼時,我們經常要在一些關鍵代碼旁做一下注釋,這樣做的好處很多,比如:方便理解、方便查找或方便項目組裡的其它程序員了解你的代碼,而且可以方便以後你對自己代碼進行修改。
語法:
<!--注釋的內容-->
說明:
“<!--”表示注釋的開始,“-->”表示注釋的結束。
舉例:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <h6>靜夜思</h6> <!--標題標簽--> <p>床前明月光,疑是地上霜。</p> <!--文本標簽--> <p>舉頭望明月,低頭思故鄉。</p> <!--文本標簽--> </body> </html>
我們把上面那一段代碼復制到Visual Studio中,可以看出注釋的代碼顏色跟其他代碼的顏色都不一樣,注釋的代碼是淺綠色。
在浏覽器預覽效果如下:
說明:
大家可以看到,用”<!---->”注釋的內容不會顯示在浏覽器中。注釋標簽用於在源代碼中插入注釋,注釋的內容不會顯示在浏覽器中。對關鍵代碼進行注釋,有助於你以後看懂你當時編寫的源代碼。
對關鍵代碼的注釋是一個良好的習慣。在個人經驗中,在開發網站或者功能模塊開發時,代碼的注釋尤其重要。因為那個時候的代碼往往都是幾百上千行,你要是不對關鍵的代碼進行注釋,往往你自己都會覺得頭暈,甚至看不懂自己當時寫的代碼。這樣的感受,大家在以後開發中自己會感受得到。
在Visual Studio中,除了以上的注釋方式,還有一種Visual Studio專屬的注釋方式。
語法:
<%--注釋的內容--%>
說明:
“<%--”表示注釋的開始,“--%>”表示注釋的結束。
舉例:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <h6>靜夜思</h6> <%--標題標簽--%> <p>床前明月光,疑是地上霜。</p> <%--文本標簽--%> <p>舉頭望明月,低頭思故鄉。</p> <%--文本標簽--%> </body> </html>
我們把上面那一段代碼復制到Visual Studio中,效果如下:
在浏覽器預覽效果如下:
注意,HTML注釋方式“<!--注釋內容-->”是在任何網頁編輯器都適用,而上面的這種注釋方式“<%--注釋的內容--%>”只限於Visual Studio中使用。