html注释代码,通常是用来掺入一段注释说明文字,以便以后对代码进行编辑修改、屏蔽等工作!但今天,要介绍的是html注释代码在style和script标签中的作用及用法。
html注释代码在style标签中的用法
语法格式:
以上注释代码并不能屏蔽CSS样式的效果,要想屏蔽CSS样式效果,请使用/* 注释内容区 */
示例演示:html>
html注释代码在style标签中的作用和用法刘代码博客
示例分析:
以上示例代码中,style标签内的样式p{color: red;},使用了注释代码
按照html注释代码的作用,应该是屏蔽了P段落的样式效果,可是P段落中的“刘代码博客”五个文字,在浏览器中显示的颜色依然还是红色(如下图所示)。
根据以上分析可知,html注释代码,并不能屏蔽style标签内CSS样式在浏览器中的显示效果!
既然如此,那么,我们在style标签内使用注释代码岂不是毫无意义了!
如果在一些不支持css样式的老版手机浏览器或IE6以下版本的浏览器中,如果不使用html注释,就会把CSS样式“ p{color: red;} ”也显示出来,如下图所示;
温馨提示:
因为html的注释代码,并不是CSS样式的注释代码,所以,在html的style标签中用html的注释符号是不会起作用的,想要起到真正注释屏蔽掉CSS样式,就必须要使用CSS自己的注释代码: /* CSS注释区 */
html注释代码在script标签中的用法
语法格式:
以上html注释代码并不能屏蔽JS脚本程序运行,要想屏蔽脚本运行,请使用双斜杠“// 注释内容区”进行单行注释,或使用“/* 注释内容区 */”进行多行注释!
示例演示html>
html注释代码在style标签中的作用和用法刘代码博客
示例分析:
以上示例代码中,script标签内的脚本程序alert('欢迎访问刘代码博客:www.liudaima.com');使用注释代码 ,如下所示:
如果不使用HTML注释代码,在一些老版手机浏览器和IE6以下版本访问,就会把脚本代码显示出来(如下图所示)
根据以上分析,我们可知,script标签中使用注释代码的作用,和在style标签的作用是一样的;
同样的道理,注释代码不会屏蔽script标签内的JS脚本代码,但能在一些不支持JS脚本的老版手机浏览器或IE6以下版本中,避免把script标签内的脚本代码显示出来!
温馨提示:
因为html的注释代码,并不是script脚本的注释代码,所以,在html的script标签中用html的注释符号是不会起作用的,想要起到真正注释屏蔽掉script脚本,就必须要使用script脚本自己的注释代码: script用双斜杠“ // 注释内容区”进行单行注释,用“/* 注释内容区 */ ”进行多行注释。
最后总结:
HTML注释代码在style和script标签内使用,是为了防止一些不支持CSS样式和JS脚本程序的浏览器,把CSS样式代码和JS脚本代码显示出来的影响美观!