超詳細(xì)的HTML < !–…– > 注釋標(biāo)簽使用實(shí)例
HTML<!--...-->注釋標(biāo)簽
標(biāo)簽定義及使用說明
<!--...--> 注釋標(biāo)簽用來在源文檔中插入注釋。注釋不會(huì)在瀏覽器中顯示。
您可使用注釋對(duì)您的代碼進(jìn)行解釋,這樣做有助于您在以后的時(shí)間對(duì)代碼的編輯。特別是代碼量很大的情況下很有用。
您也可以在注釋內(nèi)容存儲(chǔ)針對(duì)程序所定制的信息。在這種情況下,這些信息對(duì)用戶是不可見的,但是對(duì)程序來說是可用的。一個(gè)好的習(xí)慣是把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
注釋:命令行最后的兩個(gè)正斜杠(//)是 JavaScript 注釋符號(hào)。這確保了 JavaScript 不會(huì)執(zhí)行 --> 標(biāo)簽。
除了在源文檔中有非常明顯的作用外,許多 Web 服務(wù)器也利用注釋來實(shí)現(xiàn)文檔服務(wù)端軟件特有的特性。這些服務(wù)器可以掃描文檔,從傳統(tǒng)的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據(jù)嵌在注釋中的命令采取相應(yīng)的動(dòng)作。這些動(dòng)作可能是簡(jiǎn)單的包括其他文件中的文本(即所謂的服務(wù)器端包含,server-inside include),也可能是復(fù)雜地執(zhí)行其他命令去動(dòng)態(tài)生成文檔的內(nèi)容。
實(shí)例
HTML 注釋:
<p>這是一個(gè)段落</p>
瀏覽器支持
所有主流瀏覽器都支持 <!--...--> 注釋標(biāo)簽。
HTML 4.01 與 HTML5之間的差異
無。
標(biāo)準(zhǔn)屬性
<!--...--> 注釋標(biāo)簽不支持任何標(biāo)準(zhǔn)屬性。
如需更多有關(guān) HTML 標(biāo)準(zhǔn)屬性的信息,請(qǐng)?jiān)L問 標(biāo)準(zhǔn)屬性。
事件屬性
<!--...--> 注釋標(biāo)簽不支持任何事件屬性。
如需更多有關(guān) HTML 事件屬性的信息,請(qǐng)?jiān)L問 事件屬性。
HTML注釋的作用
代碼示例
<!--
這是w3cschool網(wǎng)站首頁頭圖
-->
<img src="http://statics.w3cschool.cn/images/w3c/intro.png" alt="w3cschool" />
運(yùn)行結(jié)果:
解析:
1、從上面示例我們可以看出,注釋部分的文字在運(yùn)行后不見了,但是如果查看源代碼就能看見這部分的內(nèi)容。
2、在例子中還出現(xiàn)了<img src="圖片路徑" alt="圖片名稱" /><!--
這是w3cschool網(wǎng)站首頁頭圖
-->
<img> 標(biāo)簽的 src 屬性是必需的。它的值是圖像文件的 URL,也就是引用該圖像的文件的的絕對(duì)路徑或相對(duì)路徑。
如何查看注釋:
1、首先在網(wǎng)頁上點(diǎn)擊右鼠標(biāo)鍵,選擇查看源代碼。
2、進(jìn)入源代碼頁面之后按下ctrl+f就會(huì)出現(xiàn)搜索框
3、輸入“<!--”就可以找到注釋標(biāo)簽啦!除了用來說明之外,注釋標(biāo)簽還經(jīng)常用在注釋掉一些暫時(shí)不需要顯示的代碼。比如你做了一個(gè)活動(dòng),明天上午十點(diǎn)才能開放頁面,但是你可以提前把代碼寫好并上傳,然后在活動(dòng)開始的那一刻刪掉注釋,就能夠比較快速地完成對(duì)網(wǎng)站的修改。
當(dāng)然,這樣搜索出來的結(jié)果就是顯示了所有的注釋標(biāo)簽,如果是代碼主人自己要查找某個(gè)注釋標(biāo)簽,在搜索框里直接輸入注釋標(biāo)簽的文字內(nèi)容即可。
聽說很多程序員喜歡寫一些搞怪的注釋標(biāo)簽,比如:
<!--
下面這串代碼是經(jīng)理要求加的,目的就是為了拖慢網(wǎng)頁加載速度,好再坑客戶一筆優(yōu)化網(wǎng)站的錢
-->
<link rel="stylesheet" type="text/css">
<!--
這個(gè)頁面的代碼都不要?jiǎng)樱〔灰獎(jiǎng)樱〔灰獎(jiǎng)樱∥覄?dòng)了之后就后悔了
-->
......
<!--
這段代碼好像是沒用的,但是我不敢刪掉
-->
......
上面是html的注釋標(biāo)簽,注釋標(biāo)簽還有另一種表現(xiàn)形式,就運(yùn)用在C語言當(dāng)中。
/*這里是注釋標(biāo)簽*/
//這里是注釋標(biāo)簽