文档介绍::..WEB前端开发规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,,,,语义化html,结构表现行为分离,,代码要求简洁明了冇序,尽可能的减小服务器负载,,css,js,images文件均归档至<系统开发规范>约定的目录中;:英文命名,,若界面稿命名为中文,请重命名与html文件同名,以方便后端添加功能时查找对应页面;:英文命名,,,其他页面依实际模块需求命名.;:英文命名,,:统一为html5声明类型<00(:丁丫PEhtml〉;编码统—*<metacharset=ngbk"/〉,书写吋利用IDE实现层次分明的缩进;<head〉...</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;,须略去默认类型声明,写法如下:唔ExampleSourceCode<linkrel=’’stylesheetnhref="..."/〉<style>...</style>〈scriptsrc=,,...,'></script>,文件名须包含库名称及版本号及是否为压缩版,比如jquery-;引入插件,文件名格式为库名称+插件名称,;,标签&属性&属性命名必须由小写字母及下划线数字组成,II所有标签必须闭合,包括br(<br/>),hr(<hr/〉)等;属性值必须用双引号包括;,比如span,em,strong,optgroup,label,等等;需要为html元素添加自定义属性的时候,首先要考虑下有没有默认的已有的合适标签去设罝,如果没有,可以使用须以"data-"为前缀来添加自定义屌性,避免使用’’data:"等其他命名方式;,如标题根据重要性用h*(同一页面只能有一个h1),段落标记用p,列表用ul,内联元素中不可嵌套块级元素;,如<divclass=”box"><divclass=”e">欢迎访问XXX,您的用户名是<divclass="namen>用户名</(^〉</(^〉</€1^/〉完全可以用以卜‘代码替代:<divclass=*’box’*〉<p〉欢迎访问XXX,您的用户名是<span〉用户名</span〉</p〉</div〉;,必须避免重定向,例如:href=n/’’,即须在URL地址后面加上7”;,即style=’*...";(input,textarea)添加label,如龟ExampleSourceCode<p>姓名:〈inputtype="textnid=nname•’name="name"/></p>须写成:<p><labelfor="name">姓名:</labelxinputtype=”text”id="name"/></P>,尽量写入css样式中;;给重要的元素和截断的元素加上title;(比如循环)加上注释,方便后台添加功能;:尽可能使用代码替代:比如<(<)&>(>)&空格G&»(»)等等;,请考虑向后扩展性;&-8;:i会根据各个模块,同时根据页面相似程序,事先写好大体框架文件,分配给前端人员实现内部结构&表现&行为;,协作开发过程中,每个页面请务必都要引入,此文件包含reset及头部底部样式,此文件不可随意修改;:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级屮;id原则上都是由我分发框架文件时