HTML中注釋標簽的使用方法

2018-10-12 18:47 更新

一套完整的代碼可以讓人眼花繚亂,當程序員想要對某些部分進行修改的時候,可能要花很多的時間去找出那部分的代碼。就像我們在文章中給重要的部分進行標記、做記號一樣,在代碼里可以使用到“注釋標簽”來對一些代碼進行注解。注釋標簽不會在可視化界面當中顯示,因為它只是程序員們用來標注說明的一個小玩意,用來對一些代碼程序進行解釋,也方便后來者能夠快速地接手并且理解其用處。


注釋標簽的語法:

<!--

注釋內容

-->

示例:

<!--

這是w3cschool網(wǎng)站首頁頭圖

-->

<img src="http://statics.w3cschool.cn/images/w3c/intro.png"  alt="w3cschool" />


運行結果:

w3cschool

解析:

1、從上面示例我們可以看出,注釋部分的文字在運行后不見了,但是如果查看源代碼就能看見這部分的內容。

<!--

這是w3cschool網(wǎng)站首頁頭圖

-->

2、在例子中還出現(xiàn)了<img src="圖片路徑"  alt="圖片名稱" />

<img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL,也就是引用該圖像的文件的的絕對路徑或相對路徑。

如何查看注釋:

1、首先在網(wǎng)頁上點擊右鼠標鍵,選擇查看源代碼。

查看源代碼


2、進入源代碼頁面之后按下ctrl+f就會出現(xiàn)搜索框


查找代碼


3、輸入“<!--”就可以找到注釋標簽啦!除了用來說明之外,注釋標簽還經(jīng)常用在注釋掉一些暫時不需要顯示的代碼。比如你做了一個活動,明天上午十點才能開放頁面,但是你可以提前把代碼寫好并上傳,然后在活動開始的那一刻刪掉注釋,就能夠比較快速地完成對網(wǎng)站的修改。


當然,這樣搜索出來的結果就是顯示了所有的注釋標簽,如果是代碼主人自己要查找某個注釋標簽,在搜索框里直接輸入注釋標簽的文字內容即可。


找到注釋標簽


聽說很多程序員喜歡寫一些搞怪的注釋標簽,比如:

<!--

下面這串代碼是經(jīng)理要求加的,目的就是為了拖慢網(wǎng)頁加載速度,好再坑客戶一筆優(yōu)化網(wǎng)站的錢

-->

<link rel="stylesheet" href="//m.hgci.cn/foo.css" type="text/css"> 

<!--

這個頁面的代碼都不要動!不要動!不要動!我動了之后就后悔了

-->

......

<!--

這段代碼好像是沒用的,但是我不敢刪掉

-->

......

上面是html的注釋標簽,注釋標簽還有另一種表現(xiàn)形式,就運用在C語言當中。

C語言的注釋符一般分為兩種,一種是以“/*”開頭,在中間加上注釋內容,并以“*/”結尾的段落注釋符。在“/*”和“*/”之間的即為注釋。
/*這里是注釋標簽*/
另一種是以“//”開頭,后面加注釋內容的單行注釋符。在“//”之后的即為注釋。
//這里是注釋標簽


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號