本篇文章扣丁学堂web前端培训小编和读者们分享一下web前端开发的图片规范及注释规范都有哪些内容，对web前端规范感兴趣的小伙伴就随小编一起来看一下吧。

web前端开发

​　　图片规范：

1、所有页面元素类图片均放入img文件夹, 测试用图片放于img/demoimg文件夹;

2、图片格式仅限于gif || png || jpg;

3、命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;

4、在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;

5、尽量避免使用半透明的png图片;

6、运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对应的sprite psd源图中划参考线, 并保存至img目录下。

　　注释规范：

1、html注释: 注释格式 , ‘–’只能在注释的始末位置,不可置入注释文字区域;

2、css注释: 注释格式 ;

3、JavaScript注释, 单行注释使用’//这儿是单行注释’ ,多行注释使用;

　　开发及测试工具约定：

　　建议使用WebStorm||Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则:

1、不可利用IDE的视图模式’画’代码;

2、不可利用IDE生成相关功能代码, 比如Dw内置的一些功能js;

3、编码必须格式化，比如缩进;

　　测试工具：前期开发仅测试FireFox & IE6 & IE7 & IE8 & IE9 & Opera & Chrome & Safari;

　　其他规范：

1、开发过程中严格按分工完成页面，以提高css复用率，避免重复开发;

2、减小沉冗代码，书写所有人都可以看的懂的代码，简洁易懂是一种美德，为用户着想，为服务器着想。

　　想要了解更多关于HTML5开发方面内容的小伙伴，请关注扣丁学堂HTML5培训官网、微信等平台，扣丁学堂IT职业在线学习教育平台为您提供权威的HTML5开发环境搭建视频学习，让你快速掌握HTML5从入门到精通开发实战技能。

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://dengtar.com/16704.html