html css和js中的注释

Posted 2020-08-02

一、HTML的注释方法 <!-- html注释:START --> 内容 <!-- html注释:END -->

包含在“<!--”与“-->”之间的内容将会被浏览器忽略，且不会显示在用户浏览的最终界面中。

注释的部分虽然浏览器在执行时会忽略，但在浏览器中查看源代码时仍然可以看到

二、CSS的注释方法 <style type="text/css"> /* css注释*/ </style>

在单独的css样式表文件中也采用此方法注释

三、JS的注释方法 <script type="text/javascript"> //js的单行注释方式

/*

这个是javascript的

多行注释方式

*/ </script>

在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的浏览器，则会忽视<!–标记，从而正常使用样式单。