1. 程式人生 > >HTML ,CSS,JS 等註釋的區別

HTML ,CSS,JS 等註釋的區別

<!-- -->是HTML的註釋標籤,使用 < 和 > 是符合HTML標籤語法規則的。

/* */是CSS的常用唯一註釋標籤

/* */(註釋程式碼塊)、//(註釋單行)是JS的註釋標籤。

幾種註釋有各自的使用環境,並且不能相互替代。

一,HTML <!--...--> 註釋標籤

所有瀏覽器都支援註釋標籤。

註釋標籤用於在原始碼中插入註釋。註釋不會顯示在瀏覽器中。

您可使用註釋對您的程式碼進行解釋,這樣做有助於您在以後的時間對程式碼的編輯。當您編寫了大量程式碼時尤其有用。

使用註釋標籤來隱藏瀏覽器不支援的指令碼也是一個好習慣(這樣就不會把指令碼顯示為純文字):
複製程式碼

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

註釋:註釋行結尾處的兩條斜槓 (//) 是 JavaScript 註釋符號。這可以避免 JavaScript 執行 –> 標籤。

舉例:

<!DOCTYPE html>
<html>

<body>

<!--這是一段註釋。註釋不會在瀏覽器中顯示。-->

<p>這是一段普通的段落。</p
>
</body> </html>

效果如下:
這裡寫圖片描述
條件註釋

您也許會在 HTML 中偶爾發現條件註釋:

<!--[if IE 9]>
    .... some HTML here ....
<![endif]-->

條件註釋定義只有 Internet Explorer 執行的 HTML 標籤。
二,//和//註釋標籤

舉例如下:

/* 註釋內容 */ 
示例 
/* ----------文字樣式開始---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size
:12px
; }
/* 黑色16象素文字 */ .dreamdublack16px { color:black; font-size:16px; } /* ----------文字樣式結束---------- */

JavaScript使用兩個雙斜槓註釋行

//document.write("www.jb51.net"); 

使用斜槓星註釋程式碼塊(多行)

/* 
var jb51 = "www.jb51.net"; 
var jb51 = "du"; 
*/ 

提示: 過多的JavaScript註釋會降低JavaScript的執行速度與載入速度,因此應在釋出網站時,去掉JavaScript註釋。
註釋塊(/* … /)中不能有(/或*/,JavaScript正則表示式中可能產生這種程式碼),這樣會產生語法錯誤,因此我推薦你使用//做為註釋程式碼.