web前端开发的图片规范及注释规范有哪些

【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《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从入门到精通开发实战技能。

本文来源：https://www.dy1993.cn/4PW4.html