web前端开发规范文档

《web前端开发规范文档》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、WEB前端开发规范目的为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档.本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改.基本准则符合web标准，语义化html，结构表现行为分离，兼容性优良.页面性能方面，代码要求简洁明了冇序，尽可能的减小服务器负载，保证最快的解析速度.文件规范1.html,css,js,images文件均归档至＜系统开发规范＞约定的目录中；2.html文件命

2、名：英文命名，后缀.htm.同时将对应界面稿放于同目录中，若界面稿命名为中文，请重命名与html文件同名，以方便后端添加功能时查找对应页面；3.css文件命名:英文命名，后缀.css.共用base.css,首页index.css,其他页面依实际模块需求命名.；4.Js文件命名：英文命名，后缀.js.共用common.js，其他依实际模块需求命名.html书写规范1.文档类型声明及编码：统一为html5声明类型＜00（：丁丫PEhtml〉；编码统—*＜metacharset=ngbk"/〉，书写吋利

3、用IDE实现层次分明的缩进；1.非特殊情况下样式文件必须外链至＜head〉...＜/head＞之间;非特殊情况下JavaScript文件必须外链至页面底部;2.引入样式文件或JavaScript文件时，须略去默认类型声明，写法如下:唔ExampleSourceCode...〈scriptsrc=,,...,'>3.引入JS库文件，文件名须包含库名称及版本号及是否为压缩版，比如jque

4、ry-1.4.1.min.js;引入插件，文件名格式为库名称+插件名称，比如jQuery.cookie.js;4.所有编码均遵循xhtml标准，标签&属性&属性命名必须由小写字母及下划线数字组成，II所有标签必须闭合，包括br(
),hr(

5、使用须以"data-"为前缀来添加自定义屌性，避免使用’’data:"等其他命名方式；6.语义化html，如标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素；7.尽可能减少div嵌套，如欢迎访问XXX,您的用户名是用户名

6、户名是姓名：〈inputtype="textnid=nname•’name="name"/>

7、="name">姓名:

8、分工：i会根据各个模块，同时根据页面相似程序，事先写好大体框架文件，分配给前端人员实现内部结构&表现&行为；共用css文件base.css由i书写，协作开发过程中，每个页面请务必都要引入，此文件包含reset及头部底部样式，此文件不可随意修改；3.class与id的使用：id是唯一的并是父级的，class是可以重复的并是子级的，所以id仅使用在大的模块上，class可用在重复使用率高及子级屮；id原则上都是由我分发框架文件时命名的，为JavaScript预留钩子的除外；1.为Jav