WEB前端开发规范文档
本文档旨在规范WEB前端开发的各个方面，提高团队协作效率， обеспе便于后台人员添加功能及前端后期优化维护。下面是本文档中所涉及到的知识点：
一、基本准则
1. 符合web标准，语义化html,遵循内容（HTML）、显示（CSS）、行为（JavaScript）分离的代码组织模式。
2. 代码格式化，保持干净整洁。
3. 换行必须缩进一个tab。
4. 编写所有前台页面时，靖使用己有模板进行复制，在模板的基础上进行开发。
5. 每一个页面都必须有一个独立的css, js文件。
二、文件规范
1. html, css, js, images文件均归档至〈系统开发规范〉约定的目录中。
2. html文件命名：英文命名，后缀:htm。
3. css文件命名：英文命名，后缀:css。
4. Js文件命名：英文命名，后缀:js。
三、html书写规范
1. 所有元素都必须小写，属性也是。
2. 元素必须成对出现，如＜span＞必须写成＜spanx/span＞特殊元素除外。
3. 标签中不允许出现样式，必须用class来声明样式。
4. 元素id命名必须是驼峰式命名。
5. 元素class命名规范是：元素简写+”八功能名。
6. 元索name命名必须遵循驼峰式命名法。
7. 元素属性必须有值。
8. 元素属性必须用双引号，不允许使用单引号。
9. 如果元素需要自定义属性，请用data-xxx方式命名。
10. 严禁使用己在XHTML1:O中已移除的标签。
四、html其他规范
1. 文档类型声明及编码：统一为html5声明类型<!DOCTYPE html>;编码统一为<meta charset="UTF-8" />。
2. 书写时利用IDE实现层次分明的缩进。
3. 非特殊情况下样式文件必须外链至<head>:::</head>之间。
4. 非特殊情况下JavaScript文件必须外链至页面底部。
5. 引入样式文件或JavaScript文件时，须略去默认类型声明。
五、开发及测试工具约定
1. 测试浏览器：IE7, IE8, IE9, 火狐，谷歌，webkit, safari内核。
2. 测试方式：手动测试和自动化测试。
六、其他规范
1. 代码review：代码review是必需的，必须review自己的代码。
2. 代码提交：代码提交前，必须review自己的代码。
3. 项目文档：项目文档是必需的，必须编写项目文档。
本文档旨在规范WEB前端开发的各个方面，提高团队协作效率，，便于后台人员添加功能及前端后期优化维护。
