DIV CSS 佈局教程網

3.4 HTML注釋
編輯:HTML入門知識     

一、HTML注釋簡介

在編寫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中,可以看出注釋的代碼顏色跟其他代碼的顏色都不一樣,注釋的代碼是淺綠色。

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的注釋

在浏覽器預覽效果如下:

注意,HTML注釋方式“<!--注釋內容-->”是在任何網頁編輯器都適用,而上面的這種注釋方式“<%--注釋的內容--%>”只限於Visual Studio中使用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved