当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页制作过程中代码注释书写规范

心得技巧
网页设计心得:网页设计中的包容原则
网页设计理论:站在用户立场思考问题
设计参考:B2C网站添加到购物车按钮设计欣赏
收集国外优秀的杂志风格网站设计实例
用户体验参考:网页产品原型设计到网站界面
电子商务网站常见模式案例:分页设计
WEBJX收集55个新鲜的企业网站设计案例
70个漂亮的带有灵感的单页面网站设计实例
提高视觉冲击纹理质感风格Web设计实例参考
设计灵感:启发灵感的网页设计实例
Webjx收集50个新鲜的时尚和精致的组合设计网站
45个阅读更多和继续阅读链接设计实例
50个漂亮的有强烈设计感的博客网站实例
35个漂亮的国外摄影类网站(WEBJX收集)
54个出色的“网站建设中”网页设计实例
设计参考:10个使用涂鸦风格的网店设计
设计参考:12个设计精彩的国外游戏网站设计
用户体验:准确的发现问题和优雅的解决问题
淘宝网允许非注册用户购买的设计流程
网页设计理论:网站首页如何增加互动

心得技巧 中的 网页制作过程中代码注释书写规范


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 175 ::
收藏到网摘: n/a


总结了一下自己工作中使用到的注释书写规范,没有什么技术含量,只是用于统一制作方式,方便维护。包含了“区域注释”、“单行注释”、“注释层级”和“协助注释”四个部分。
大部分同学使用的区域注释的方法,会以“注释内容开始”或“注释内容结束”、“start”或“end”等,相比之下,以“S”或“E”开始可以更快的使用,比如只要写一次开始或结束的注释,然后复制,改下“S”或“E”就可以快速的完成区域的注释。
区域注释
在实际工作中,有时会出现分不清注释应该在标签之上还是标签之下,为了避免这种情况,注释信息统一写在区域标签开始之前和结束之后,并以“S”或“E”开始,表示区域注释的开始或结束。
例:
<!--=S 注释内容-->
<div>
...
</div>
<!--=E 注释内容-->
/*=S 注释内容*/
.class{
...
}
.class{
...
}
/*=E 注释内容*/
单行注释
注释信息应写在需注释的内容区域里
例:
<div>
<!--注释内容-->
...
</div>
.class{
/*注释内容*/
...
}
                                                   

注释层级
在模块制作中,可能会出现区域中还有区域的情况,为了更好的区分区域之间的层级,引入了注释层级的概念。
区域注释前面的等号表示了当前注释的层级
例:
<!--=S 注释内容-->
...
<!--==S 注释内容-->
...
<!--===S 注释内容-->
...
<!--===E 注释内容-->
...
<!--==E 注释内容-->
...
<!--=E 注释内容-->
/*=S 注释内容*/
...
/*==S 注释内容*/
...
/*===S 注释内容*/
...
/*===E 注释内容*/
...
/*==E 注释内容*/
...
/*=E 注释内容*/
协助注释
非作者维护时所加入的表示修改时间、修改人等标识信息。
在区域注释或单行注释的基础上加上修改人和修改时间等信息。
例(区域注释):
<!--==S 注释内容[修改人和修改时间]-->
<div>
...
</div>
<!--==E 注释内容[修改人和修改时间]-->
/*=S 注释内容[修改人和修改时间]*/
.class{
...
}
.class{
...
}
/*=E 注释内容[修改人和修改时间]*/
例(单行注释):
<div>
<!-- 注释内容[修改人和修改时间]-->
...
</div>
.class{
/*注释内容[修改人和修改时间]*/
...
}