HTML语言注释的格式为,HTML注释代码在style和script标签中的作用及用法

html注释代码,通常是用来掺入一段注释说明文字,以便以后对代码进行编辑修改、屏蔽等工作!但今天,要介绍的是html注释代码在style和script标签中的作用及用法。

html注释代码在style标签中的用法

语法格式:

以上注释代码并不能屏蔽CSS样式的效果,要想屏蔽CSS样式效果,请使用/* 注释内容区 */

示例演示:html>

html注释代码在style标签中的作用和用法

刘代码博客

示例分析:

以上示例代码中,style标签内的样式p{color: red;},使用了注释代码 

按照html注释代码的作用,应该是屏蔽了P段落的样式效果,可是P段落中的“刘代码博客”五个文字,在浏览器中显示的颜色依然还是红色(如下图所示)。

c2efe9bb73171177c6e818731782d5a1.png

根据以上分析可知,html注释代码,并不能屏蔽style标签内CSS样式在浏览器中的显示效果!

既然如此,那么,我们在style标签内使用注释代码岂不是毫无意义了!

如果在一些不支持css样式的老版手机浏览器或IE6以下版本的浏览器中,如果不使用html注释,就会把CSS样式“ p{color: red;} ”也显示出来,如下图所示;

7a2ad7d44717b4332c255fcbaf8e7c4a.png

温馨提示:

因为html的注释代码,并不是CSS样式的注释代码,所以,在html的style标签中用html的注释符号是不会起作用的,想要起到真正注释屏蔽掉CSS样式,就必须要使用CSS自己的注释代码: /* CSS注释区 */

html注释代码在script标签中的用法

语法格式:

以上html注释代码并不能屏蔽JS脚本程序运行,要想屏蔽脚本运行,请使用双斜杠“// 注释内容区”进行单行注释,或使用“/* 注释内容区 */”进行多行注释!

示例演示html>

html注释代码在style标签中的作用和用法

刘代码博客

示例分析:

以上示例代码中,script标签内的脚本程序alert('欢迎访问刘代码博客:www.liudaima.com');使用注释代码 ,如下所示:

如果不使用HTML注释代码,在一些老版手机浏览器和IE6以下版本访问,就会把脚本代码显示出来(如下图所示)

1297efeae2d7239a2a35aa8105f4833b.png

根据以上分析,我们可知,script标签中使用注释代码的作用,和在style标签的作用是一样的;

同样的道理,注释代码不会屏蔽script标签内的JS脚本代码,但能在一些不支持JS脚本的老版手机浏览器或IE6以下版本中,避免把script标签内的脚本代码显示出来!

温馨提示:

因为html的注释代码,并不是script脚本的注释代码,所以,在html的script标签中用html的注释符号是不会起作用的,想要起到真正注释屏蔽掉script脚本,就必须要使用script脚本自己的注释代码: script用双斜杠“ // 注释内容区”进行单行注释,用“/* 注释内容区 */ ”进行多行注释。

最后总结:

HTML注释代码在style和script标签内使用,是为了防止一些不支持CSS样式和JS脚本程序的浏览器,把CSS样式代码和JS脚本代码显示出来的影响美观!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值