天天看點

HTML <!--...--> 注釋 、CSS/JS //注釋 和 /*.....*/ 注釋HTML <!--...--> 注釋 、CSS/JS //注釋 和 /*.....*/ 注釋

HTML <!--...--> 注釋 、CSS/JS //注釋 和 /*.....*/ 注釋

<!--  -->是HTML的注釋标簽,使用 < 和 > 是符合HTML标簽文法規則的。

/* */是CSS的注釋标簽


/* */(注釋代碼塊)、//(注釋單行)是JS的注釋标簽。      
兩種注釋有各自的使用環境,并且不能互相替代。


舉例如下:
      
1、<!--注釋内容-->
2、//注釋内容 (javascript中插入單行注釋)
3、/*注釋内容*/ (在css或javascript中插入多行注釋)        

一,HTML  <!--...--> 注釋标簽

所有浏覽器都支援注釋标簽。

注釋标簽用于在源代碼中插入注釋。注釋不會顯示在浏覽器中。

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

使用注釋标簽來隐藏浏覽器不支援的腳本也是一個好習慣(這樣就不會把腳本顯示為純文字):

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

注釋:注釋行結尾處的兩條斜杠 (//) 是 JavaScript 注釋符号。這可以避免 JavaScript 執行 --> 标簽。

舉例:

<!DOCTYPE html>
<html>

<body>

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

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

</body>
</html>      

效果如下:

HTML &lt;!--...--&gt; 注釋 、CSS/JS //注釋 和 /*.....*/ 注釋HTML &lt;!--...--&gt; 注釋 、CSS/JS //注釋 和 /*.....*/ 注釋

條件注釋

您也許會在 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正規表達式中可能産生這種代碼),這樣會産生文法錯誤,是以我推薦你使用//做為注釋代碼.

繼續閱讀