我們查看很多網(wǎng)站源代碼的時(shí)候,會(huì)發(fā)現(xiàn)很多注釋,特別是新浪網(wǎng)注釋標(biāo)簽用于在源文檔中插入注釋,注釋文字一般作為程序員參考使用,特別是大型、多人開(kāi)發(fā)的網(wǎng)站源碼,如果沒(méi)有注釋就無(wú)法讓甲程序員寫(xiě)的代碼,讓乙程序員識(shí)別,這樣萬(wàn)一程序員甲離職了,那么他所寫(xiě)的代碼將很難被維護(hù)。而有了注釋之后,對(duì)代碼的理解將更容易。

新浪網(wǎng)源代碼HTML注釋(綠色文字就是注釋)
HTML 注釋會(huì)被瀏覽器忽略,而HTML 注釋直接在網(wǎng)站源代碼內(nèi)部編寫(xiě),也不會(huì)顯示在前端。如上圖,綠色部分都是注釋,不會(huì)被顯示出來(lái),通過(guò)上面綠色文字,我們可以知道這段代碼是什么意思,以及代碼開(kāi)始結(jié)束。HTML 注釋格式如下:
<!-- 這里是注釋文字 by www.jb51.net -->
<!--
這里也是注釋文字
但是換行了也可以 by www.jb51.net
-->
HTML 注釋高級(jí)作用
顧名思義,HTML注釋就是一種注釋,對(duì)程序的內(nèi)部注解。其實(shí)這只是最基礎(chǔ)的作用,但是正是因?yàn)檫@些被前端瀏覽器忽視的功能,現(xiàn)代網(wǎng)頁(yè)程序?qū)ψ⑨屵M(jìn)行了更深入的探究,讓注釋越來(lái)越有用。
對(duì)頁(yè)內(nèi)CSS/JS的作用
HTML 注釋還被用于頁(yè)內(nèi) Javascript 和 CSS 代碼,很多老版的瀏覽器或者無(wú)法識(shí)別Javascript 和 CSS 的瀏覽器,如果直接寫(xiě)代碼,往往會(huì)顯示出文字,十分影響閱讀。
<!DOCTYPE html>
<html>
<head>
<style >
body{color:#F00}
</style>
<script type="text/javascript">
alert('歡迎訪問(wèn)www.jb51.net');
</script>
</head>
<body>
<p>Jbzj!</p>
</body>
</html>
上面的代碼,沒(méi)有使用HTML 注釋,如果在一些老版手機(jī)瀏覽器和IE6以下版本訪問(wèn),會(huì)顯示下面文字:
body{color:#F00} alert('歡迎訪問(wèn)www.jb51.net');</p>
<p>Jbzj!
即使這些老版瀏覽器不認(rèn)識(shí)<style> 和 <script> 等等標(biāo)簽,但是根據(jù)標(biāo)簽不顯示原則,這些標(biāo)簽也不會(huì)被顯示出來(lái)的,就當(dāng)作無(wú)法識(shí)別的自定義標(biāo)簽。而這些標(biāo)簽內(nèi)部的文字就會(huì)被直接顯示出來(lái),毫無(wú)疑問(wèn),這些CSS 和 Javascript 代碼肯定不想被顯示出來(lái),所以如果使用下面注釋代碼,就不會(huì)顯示CSS 和 Javascript了。
<!DOCTYPE html>
<html>
<head>
<style >
<!--
body{color:#F00}
--!>
</style>
<script type="text/javascript">
<!--
alert('歡迎訪問(wèn)www.jb51.net');
--!>
</script>
</head>
<body>
<p>Jbzj!</p>
</body>
</html>
HTML注釋被用于MVC設(shè)計(jì)
現(xiàn)代很多開(kāi)源代碼項(xiàng)目,特別是MVC網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的開(kāi)源代碼,這些項(xiàng)目會(huì)在傳統(tǒng)HTML代碼中插入一些注釋,之后在這些注釋里面添加如廣告等內(nèi)容。

Discuz 利用HTML注釋插入代碼、判斷Discuz代碼