前端開發(fā)中要如何注釋語(yǔ)句?注釋的3種方法(說明)
發(fā)表時(shí)間:2023-09-01 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]在前端開發(fā)中,往往為了一些原因(比如:代碼說明,標(biāo)注等等),需要用到注釋語(yǔ)句。那么到底要怎樣注釋注釋語(yǔ)句,注釋語(yǔ)句的一些注意事項(xiàng)是什么?本章給大家?guī)砬岸碎_發(fā)中要如何注釋語(yǔ)句?注釋的三種方法(介紹)。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。一、HTML<!--...--...
在前端開發(fā)中,往往為了一些原因(比如:代碼說明,標(biāo)注等等),需要用到注釋語(yǔ)句。那么到底要怎樣注釋注釋語(yǔ)句,注釋語(yǔ)句的一些注意事項(xiàng)是什么?本章給大家?guī)砬岸碎_發(fā)中要如何注釋語(yǔ)句?注釋的三種方法(介紹)。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。
一、HTML<!--...--> 標(biāo)簽
1.定義:
注釋標(biāo)簽用于在html源代碼中插入注釋。注釋不會(huì)顯示在瀏覽器中。
2.用法
<!--xxxxxx(需要注釋的語(yǔ)句)-->
代碼實(shí)例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML <!--...--> 標(biāo)簽</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ù)字,不會(huì)顯示2</p>
<ul>
<li>1</li>
<!--<li>2</li>-->
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</body>
</html>
效果圖:

上例中,數(shù)字2之所以在顯示器上顯示不出來,就是因?yàn)轱@示數(shù)字2的那串代碼被注釋了,無法顯示。
<!--...--> 標(biāo)簽可以做到多行注釋,只能在HTML文件中使用,用來注釋HTML源代碼。
二、//--單行注釋
雙斜杠注釋行(//)是只能用于JavaScript源代碼的注釋,只能實(shí)現(xiàn)單行注釋。
代碼實(shí)例:
<script type="text/javascript">
//alert("Hello World!")
</script>
運(yùn)行上面代碼,不會(huì)彈出"Hello World!"的對(duì)話框。
三、/*...*/--多行注釋
斜杠星注釋(/*...*/)可以用于css源代碼和JavaScript源代碼的注釋,可以實(shí)現(xiàn)多行一起注釋。
在css源文件中:
/* 注釋內(nèi)容 */
/* ----------文字樣式開始---------- */
/* 白色12象素文字 */
.dreamduwhite12px
{
color:white;
font-size:12px;
}
/* 黑色16象素文字 */
.dreamdublack16px
{
color:black;
font-size:16px;
}
/* ----------文字樣式結(jié)束---------- */
對(duì)源代碼進(jìn)行注釋可以起到解釋代碼的作用,加強(qiáng)代碼的可讀性。
在JavaScript中:
/* var jb51 = "www.php.cn";
var jb51 = "du";
*/
注:
在JavaScript中過多的注釋會(huì)降低JavaScript的執(zhí)行速度與加載速度,因此在發(fā)布網(wǎng)站前,需要去掉JavaScript注釋。
在JavaScript中,注釋塊(/* ... */)里不能出現(xiàn)(/*或*/),因?yàn)镴avaScript正則表達(dá)式中可能會(huì)產(chǎn)生這種代碼,這樣會(huì)產(chǎn)生語(yǔ)法錯(cuò)誤,因此在推薦JavaScript中使用//做為注釋語(yǔ)句來注釋代碼.
總結(jié):
在前端開發(fā)的過程中,可以使用注釋對(duì)代碼進(jìn)行解釋,加強(qiáng)代碼的可讀性,這樣做有助于以后的時(shí)間對(duì)代碼進(jìn)行在編輯(維護(hù)或查看)。這在編寫了大量代碼時(shí)尤其有用;可以使用注釋標(biāo)簽來隱藏瀏覽器不支持的腳本(這樣就不會(huì)把腳本顯示為純文本)。
以上就是前端開發(fā)中要如何注釋語(yǔ)句?注釋的三種方法(介紹)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。