html css和js中的註釋

1、HTML的註釋方法 <!-- html註釋:START --> 內容 <!-- html註釋:END -->javascript

包含在「<!--」與「-->」之間的內容將會被瀏覽器忽略,且不會顯示在用戶瀏覽的最終界面中。css

註釋的部分雖然瀏覽器在執行時會忽略,但在瀏覽器中查看源代碼時仍然能夠看到html

2、CSS的註釋方法 <style type="text/css"> /* css註釋*/ </style>java

在單獨的css樣式表文件中也採用此方法註釋web

3、JS的註釋方法 <script type="text/javascript"> //js的單行註釋方式瀏覽器

/*spa

這個是javascript的orm

多行註釋方式htm

*/ </script>ip

在JS中寫

<!--

//-->

的做用和緣由以下:

JavaScript能識別HTML註釋的開始部分"<!--",JavaScript會將其看做爲單行註釋結束,如使用"//"同樣。但JavaScript不能識別HTML註釋的結果部分"-->"。

所以,若是第一行以"<!--"開始,最後一行 以"//-->"結束,JavaScript會將兩行都忽略掉,而不會忽略這兩行之間的部分。而若是在JavaScript中,第一行以"<!--"開始,

最後一行以"-->"結束,那麼其間的程序就包 含在一個完整的HTML註釋中,會被不支持JavaScript的瀏覽器忽略掉,不能被顯示。

用這種方式能夠針對那些沒法理解JavaScript 的瀏覽器而隱藏代碼,而對那些能夠理解JavaScript的瀏覽器則沒必要隱藏。

PS:

其中在CSS(style)或者javascript(script)代碼中加入HTML註釋<!– –>是爲了防止低版本的瀏覽器不支持style和script代碼,而顯示在頁面當中。

這是爲了兼容老版本的瀏覽器。老的瀏覽器不支持style,因此遇到style時,會把style樣式單的內容顯示在頁面上。可是老版本的瀏覽器認識html的註釋標記,因此加上標記後,這部份內容就會被看成註釋忽略掉,樣式單也就不會在頁面上顯示了。

而支持style的瀏覽器,則會忽視<!–標記,從而正常使用樣式單。

相關文章
相關標籤/搜索