明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

前端開發(fā)中要如何注釋語句?注釋的3種方法(說明)

[摘要]在前端開發(fā)中,往往為了一些原因(比如:代碼說明,標注等等),需要用到注釋語句。那么到底要怎樣注釋注釋語句,注釋語句的一些注意事項是什么?本章給大家?guī)砬岸碎_發(fā)中要如何注釋語句?注釋的三種方法(介紹)。有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。一、HTML<!--...--...
在前端開發(fā)中,往往為了一些原因(比如:代碼說明,標注等等),需要用到注釋語句。那么到底要怎樣注釋注釋語句,注釋語句的一些注意事項是什么?本章給大家?guī)砬岸碎_發(fā)中要如何注釋語句?注釋的三種方法(介紹)。有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

一、HTML<!--...--> 標簽

1.定義:

注釋標簽用于在html源代碼中插入注釋。注釋不會顯示在瀏覽器中。

2.用法

<!--xxxxxx(需要注釋的語句)-->

代碼實例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML <!--...--> 標簽</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.demo{
				width: 200px;
				height: 100px;
				margin: 50px auto;
			}
			ul li{
				width: 20px;
				height: 20px;
				float: left;
				margin: 10px;
				list-style: none;
				background-color: #70DBDB;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			<p>1~5的數(shù)字,不會顯示2</p>
			<ul>
				<li>1</li>
				<!--<li>2</li>-->
				<li>3</li>
				<li>4</li>
				<li>5</li>
			</ul>
		</div>
	</body>
</html>

效果圖:

1.jpg

上例中,數(shù)字2之所以在顯示器上顯示不出來,就是因為顯示數(shù)字2的那串代碼被注釋了,無法顯示。

<!--...--> 標簽可以做到多行注釋,只能在HTML文件中使用,用來注釋HTML源代碼。

二、//--單行注釋

雙斜杠注釋行(//)是只能用于JavaScript源代碼的注釋,只能實現(xiàn)單行注釋。

代碼實例:

<script type="text/javascript">
//alert("Hello World!")
</script>

運行上面代碼,不會彈出"Hello World!"的對話框。

三、/*...*/--多行注釋

斜杠星注釋(/*...*/)可以用于css源代碼和JavaScript源代碼的注釋,可以實現(xiàn)多行一起注釋。

在css源文件中:

/* 注釋內(nèi)容 */ 
/* ----------文字樣式開始---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size:12px; 
} 
/* 黑色16象素文字 */ 
.dreamdublack16px 
{ 
color:black; 
font-size:16px; 
} 
/* ----------文字樣式結(jié)束---------- */

對源代碼進行注釋可以起到解釋代碼的作用,加強代碼的可讀性。

在JavaScript中:

/* var jb51 = "www.php.cn"; 
var jb51 = "du"; 
*/

注:

  • 在JavaScript中過多的注釋會降低JavaScript的執(zhí)行速度與加載速度,因此在發(fā)布網(wǎng)站前,需要去掉JavaScript注釋。

  • 在JavaScript中,注釋塊(/* ... */)里不能出現(xiàn)(/*或*/),因為JavaScript正則表達式中可能會產(chǎn)生這種代碼,這樣會產(chǎn)生語法錯誤,因此在推薦JavaScript中使用//做為注釋語句來注釋代碼.

總結(jié):

在前端開發(fā)的過程中,可以使用注釋對代碼進行解釋,加強代碼的可讀性,這樣做有助于以后的時間對代碼進行在編輯(維護或查看)。這在編寫了大量代碼時尤其有用;可以使用注釋標簽來隱藏瀏覽器不支持的腳本(這樣就不會把腳本顯示為純文本)。

以上就是前端開發(fā)中要如何注釋語句?注釋的三種方法(介紹)的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。