經常需要用到代碼注釋，一直都是用編輯器自帶的快捷鍵做注釋。也有特意留意在各種環境下的注釋方式，但經常在手輸的時候還是會用混，不知道用哪種注注釋方式。
對於前端，每天打交道的大概就是html,css,js，而前端的代碼注釋方式只有三種（至少我每天用到的，不排除有別的高級注釋方法，呵呵）：1:<!-- --> 2:/**/ 3://
在html中的注釋方式：<!--內容 -->
在css中的注釋方式：塊注釋：/*內容*/ 估且稱為“偽單行注釋”(讓css無法解析而繞過的方式達到去掉當前樣式的作用，慎用！)://
在js中的注釋方式：塊注釋：/*內容*/ 行注釋：//內容
測試情況如下：
html狀態下：
如下圖在沒有注釋的情況下，正確的應該輸出3后再輸出2，從下二圖知道，html下只能用<!-- <div class="test2">test2</div> -->來注釋
css狀態下：
//也能去掉對應的樣式，但是也只是一個錯誤導致css無法解析（但感覺也能做注釋用，我試過各瀏覽器下都是可以作用的）所以稱“偽注釋”，
用css標准的/**/來注釋對應的控制台會顯示為失效狀態，如圖中標1處指引，
<!---->在css一個完整的{}樣式不起作用，但是一斷一斷的切還是跟//是一樣的原理，出錯而無法讓樣式渲染而已
//以出錯用來作注釋當放置在行首，或者放在樣式{}中時，好像還有另一個特別，它會以遇到第一個}為一個結束，也就是說//到遇到第一個的}的中間的樣式都無法解析，挺有意思的
js狀態下:
標2處正常應該彈出2的，但是沒有彈出，面下面的diva提示沒有定義，則說明//起了注釋作用，
而在JS中用<!---->用在JS注釋只會直接報錯
僅表個人觀點，如果有錯誤，還望直接批評指正，共同學習共同進步！！