作者:乌龙茶 来源:口碑网UED Team   酷勤网收集 2008-05-22

摘要
  html复杂的注释语句真的是让人无法忍受。。。试想在第一种情况中。反复的敲打“!– –”是多么的让人浮躁啊。来搞个注释开关吧,来快速打开和关闭注释。在需要设置注释的上下各写两个空注释。

在工作中是否遇到这种情况。。
1.写好的一个html片段。暂时不需要了。。过一会又有人跑过来跟你说,刚才的那段还要。。。又过了一会他又说还是不要算了。。。。。囧。。。
2.页面错乱。。怎么查都查不出原因。。没办法只能用最土的方式。。删html逐一排查。。。

对于这类情况,我们多数是用注释去解决。。。但html复杂的注释语句真的是让人无法忍受。。。试想在第一种情况中。反复的敲打“<!–  –>”是多么的让人浮躁啊。。

来搞个注释开关吧,来快速打开和关闭注释。。。。。

在需要设置注释的上下各写两个空注释。基本格式如下图

1.JPG

当我们要打开注释开关,注释掉文本的时候,只需要将文本上面的空注释的结束>删除即可。见下图。

2.JPG

想反的当需要关闭注释的时候,只需要再把>补上即可关闭。。。

是不是很有意思。。 。。不过我更是习惯通过删除“-”来控制开关。 因为打>的时候还需要按住shift。。。太累。。。

在让我们看看其他的注释开关。

CSS与html同理,如下:
关闭状态
3.JPG

打开状态

4.JPG

css和html一样,因为只有一种注释方式,所以他们如果在代码中嵌套注释的话。。就很困难了。。

接下来看看javascript的。。因为和php一样有// 和 /* */两种方式,所以他们组合起来的形成开关。功能就很强大了。。可以支持注释嵌套。。如下。

关闭状态:

5.JPG

打开状态

6.JPG

你发现其中的奥妙了么?

好了。黄瓜拍完了。。 谢谢大家品尝~

注1:搞过php的人应该了解这种技巧,这些技巧也是从中得到的灵感而演化过来。。当然还有jsp,perl等等。。这里就不多说了。。。有兴趣的同学可以接着搞一下。

注2:为什么叫拍黄瓜?因为都是些小技巧。。 只能算是个凉菜而已。。另外。我也只会拍黄瓜这道菜。。。不过我很爱吃。。:D 希望这些小技巧能为大家的工作提高些效率。。。

来自:【拍黄瓜系列】注释开关

分类: 网页设计 站长经验 Web开发 交互设计 艺术设计



关于酷勤 | 联系方式 | 免责声明 | 友情链接