网页制作过程中代码注释书写规范

总结了一下自己工作中使用到的注释书写规范,没有什么技术含量,只是用于统一制作方式,方便维护。包含了“区域注释”、“单行注释”、“注释层级”和“协助注释”四个部分。

大部分同学使用的区域注释的方法,会以“注释内容开始”或“注释内容结束”、“start”或“end”等,相比之下,以“S”或“E”开始可以更快的使用,比如只要写一次开始或结束的注释,然后复制,改下“S”或“E”就可以快速的完成区域的注释。

区域注释

在实际工作中,有时会出现分不清注释应该在标签之上还是标签之下,为了避免这种情况,注释信息统一写在区域标签开始之前和结束之后,并以“S”或“E”开始,表示区域注释的开始或结束。

例:

<!--=S 注释内容-->
<div>
...
</div>
<!--=E 注释内容-->

/*=S 注释内容*/
.class{
...
}
.class{
...
}
/*=E 注释内容*/

单行注释

注释信息应写在需注释的内容区域里

例:

<div>
<!--注释内容-->
...
</div>

.class{
/*注释内容*/
...
}

时间: 2024-07-29 23:17:59

网页制作过程中代码注释书写规范的相关文章

重新认识网站制作过程中采用div+css的布局方式

伴随着"div+css"在互联网的流行,"网站重构"的春风吹遍了华夏大地,一时间互联网上风声鹤唳,"div+CSS"俨然已成为一种网站制作过程中采用一种布局的"时尚",数一万计的网站都不约而同地开始了自己的"网站重构".然而打开这些网站的源代码,看到哪些形形色色源代码,却时常令人哑然失笑-- 当我们看到有嵌套6.7层的div布局,有成百上千的表现css--现在关于div+css标准的书籍也是越来越多,除了极

WordPress模板制作过程中的错误定位方法

在wordpress模板制作过程中,有一些貌似复杂的问题,其实只要确定了问题出现的位置,大多数都可以自行解决. 1.使用Firebug进行排查 1.1简要介绍与安装方法 Firebug是Firefox的一款插件,提供了一整套web开发所必需的工具.从HTML的编写,到CSS样式表的美化调优,以及- 所以我们首先要安装Firefox浏览器. 安装好浏览器后,选择菜单栏上的"工具"菜单,点击"附加组件"==>"获取附加组件" 在输入框中输入&q

在幻灯片的制作过程中如何播放幻灯片

在幻灯片的制作过程中,可以随时进行幻灯片的放映,观看幻灯片的显示及动画效果,以便用户可以随时对幻灯片进行编辑和修改操作. 步骤1:单击"文件" "打开"命令,打开一个演示文稿,如下图所示. 步骤2:在"开始"面板的"幻灯片放映"面板中,单击"开始放映幻灯片"选项板中的"从头开始"按钮,如下图所示. 步骤3:执行操作后,即可播放幻灯片,效果如下图所示.

在开心农场的制作过程中如何实现农作物种植与自动生长??求解!!

问题描述 在开心农场的制作过程中如何实现农作物种植与自动生长??求解!! 在开心农场的制作过程中如何实现农作物种植与自动生长??求解!! 解决方案 用计时器吧 设定一个时间饭后倒数

javascript制作照片墙及制作过程中出现的问题_javascript技巧

本文主要做了一个照片墙,整个制作过程,主要需要解决一下几个问题: 1.如何进行布局转换? 2.如何对图片进行拖拽处理? 3.如何检测图片碰撞问题?进行碰撞检测 4.当多个图片进行碰撞,如何取其中距离对象最小的物体? 5.如何将相互碰撞的两个物体的位置相互交换?涉及到运动的类库 代码如下: <html> <head> <style> body{background:black;margin: 0;padding: 0;color: white;font-size: 50p

网页设计过程中应该注意的十个问题

1.不要滥用Flash Adobe公司的这项动画技术让互联网变得更为强大,从Nike公司非常夸张的首页动画到众多广告商使用的网页Banner.但是这项技术非常容易被滥用,过多的动画不仅没有实用性而且还会拖慢用户的网页浏览器. 2.不要让广告遮挡了网站内容 的确,广告对网站的生存来说是至关重要的,但研究表明,弹出广告和整页的广告一旦遮挡了网站内容,那它们的效用会大打折扣,同时也会影响读者是否会再来光顾.一个能够根据读者的要求进行伸缩的广告会更合适一些. 3.不要让网页看起来杂乱无章 网页是一个大杂

学习网页制作CSS中如何正确运用颜色

css|网页 网页中因为有颜色而精彩,那么我们如何利用CSS来处理颜色呢? CSS拥有1677216色供你处置,可以用名字,rgb(红绿蓝)值或者十六进制代码(hex)值来表示. 红色red相同于rgb(255,0,0)相同于rgb(100%,0%,0%)相同于#ff0000相同于#f00有16中合法的预定义颜色名字.它们是:aqua(水绿). black(黑).blue(蓝). fuchsia(紫红). gray(灰). green(绿).lime(浅绿). maroon(褐).navy(深蓝

如何解决Visual Studio中代码注释自动折叠的问题

今天突发奇想,打算把存储过程以注释的形式放在代码中进行版本管理,比如下面的代码: 由于存储过程很长,注释占了很多行,严复影响了正常代码的排版与阅读体验.之前也遇到过这样的场景,当时通过手动添加region解决了问题. 但是,今天实在懒得手工添加region.于是盯着长长的注释在想:VS,你怎么这么不智能呢?这么长的注释也不自动折叠一下,你可知道有一种魅力叫善解人意. 更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/Programming/n

Flash制作过程中的绘画技巧:总结[Flash视频教程]

过程|技巧|教程|视频教程 Flash视频教程全集 Flash实例视频教程 全屏观看或直接下载.Swf文件