前端开发设计规范目录前端开发设计规范、、、、HTML元素开发规范131、HTML元素书写规范132、HTML元素命名规范二、、、、、、、、、、标准网页广告图标规格(参考) 6 6 7.、、javaScript文件命名规范: 、javaScript开发规范 、javaScript书写规范 7. 、javaScript命名规范 8 四、css样式规范 9 、 css样式文件命名规范 、 通用样式文件命名规范:、 、css样式文件存放目录规范 ... 9 9 10 10 、css样式定义规范 、 css样式内容顶部注释规范 、 css样式内容注释规范 11css样式定义规范 .12css样式常用class的命名 、css样式书写规范441、css样式排版规范 、css样式书写风格规范 css样式属性定义顺序规范 css样式其他规范 17字体定义规范 、css样式检测 18 、、媒体内容命名规范18五、项目文件存放规范19六、、页面文件命名规范命名格式为:项目名缩写_所属功能_所属功能子项_•••jsp/html…,文件命名下划线不能超过三个,命名尽量使用简短的能明确表明文件用途的英文或者英文简写。、页面head部分书写规范、JSP页面:需要在页面的最开始部分增加以下语句:■■ innpcrt-bj«*'pcgaEncoding'UTF^8J.、HTML页面:需要在页面的最开始部分增加以下语句:http-*qiuiv-t-Typ#w、HTML5页面:页面添加编码格式可简写为:<metactiarset=,hjtf-B">、响应式的网页添加如下语句:content-''width-dftt1c&-w1dth,initial-tcjld-.(rrn5min-scale-1,0・najcimuni-scale-l+0Tjstr-scalable-、title元素:一般网页必须添加title元素,若为框架页面,则可以不写。title统一使用中文,title 内容要简洁明了,不能超过 20个字。、外部js的引用:页面加载时需要用到的 js文件写在head中,引用时不用写language属性,HTML5可以省略type属性,如。7)、外部CSS文件的引用:必须使用link方式引入,HTML5可以省略type属性,CSS文件引入要放在js文件前。|<linkrcl="3tyLcsheet1'hrcf=1lmaintcssn/>、、HTMl元素书写规范1) 、代码的结构要保持完整性,单个标签必须要关闭,如: <div></div>,<br/>等。2) 、子元素要比父元素缩进两个字符。3) 、body中的所有内容不能直接书写在 <body></body>标签中,需要在body中嵌入一层div,所有的元素需要写在改 div中。孔Jt冃:ATF常“打优码 /■"閒d尹4) 、除非必要,所有标签元素的样式都需要使用 CSS文件来定义。5) 、img元素:所有展示用图片都要使用 alt属性添加能简要描述图片的文字说明,如首页的广告图片等,必须具有 width和height属性。6) 、所有Form都要指定action属性,但属性值需要则填写, 不需要则留空,method属性统一使用POST所有form表单都要在提交前对输入的数据前进行验证,验证使用jQueryvalidate 插件,书写规范如下:7)、所有不可更改的input元素都要设置readonly属性。Jcxn8)、按功能模块添加简单明了的注释, 在功能模块的开始标明模块开始, 结束时标明模块结束,注释单独占一行;模块之间留行间隔便于查看代码。9)、已过时的元素标签使用CSS样式来代替,已过时的标签属性禁止使用,使用 CSS样式定义来实现。| | 癮块开16注释<dMv>21 我块2|:
前端开发设计规范文档 来自淘豆网m.daumloan.com转载请标明出处.
