WEB前端开发代码使用规范标准

WEB 前端代码规规目的为提高团队协作效率， 便于后台人员添加功能与前端后期优化维护，输出高质量的文档，特制订此文档。本规文档一经确认，前端开发人员必须按本文档规进行前台页面开发。本文档如有不对或者不适宜的地方请与时提出，经讨论决定后方可更改。基本准则符合 web 标准；语义化 html；结构、表现、行为分离；兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。文件规1. Html，css，js，images 文件均归档至相应约定的目录中。2. html 文件命名：英文驼峰式命名，文件名.html。按实际模块需求命名。3. jsp 文件命名：英文驼峰式命名，文件名.jsp。按实际模块需求命名。4. css 文件命名：英文驼峰式命名，文件名.css。共用 base.css，首页 index.css，其他页面按实际模块需求命名。5. js 文件命名：英文驼峰式命名，文件名.js。共用 common.js，其他依实际模块需求命名。html 书写规1. 文档类型声明与编码： 统一为 html5 的声明类型；编码统一为，书写时利用 IDE 实现层次分明的缩进。2. 非特别情况下 css 文件必须在...之间引入，选择 link 方式引入而非import 形式。3. 非特别情况下 js 文件必须在页面底部引入。4. 引入样式文件或 JavaScript 文件时，须略去默认类型声明，写法如下：5. 引入 JS 库文件，文件名须包含库名称与版本号与是否为压缩版，比如：jquery-1.4.1.min.js；6. 引入插件，文件名格式为库名称+插件名称，比如：jQuery.cookie.js。7. 所有 HTML 标签嵌套必须是正确的，禁止出现多出或者少出闭合标签的情况。8. 所有编码均遵循 xhtml 标准，标签、属性、属性命名必须由小写字母与下划线数字组成，且所有标签必须闭合，包括 br(
)，hr(

---

)等；属性值必须用双引号包括。9. 充分利用无兼容性问题的 html 自身标签，比如span、em、strong、optgroup、label……10. 需要为 html 元素添加自定义属性的时候，首先要考虑下有没有默认的已有的适宜标签去设置，假如没有，须以"data-"为前缀来添加自定义属性，避开使用"data："等其他命名方式。11. 语义化 html，如标题根据重要性用 h1-h6(同一页面只能有一个 h1)，段落标记用 p，列表用 ul，联元素中不可嵌...