文档介绍:前端开发设计规范目录前端开发设计规范 1一、 HTML使用规范 、页面文件命名规范 、页面head部分书写规范 、 HTML元素开发规范 、 HTML元素书写规范 、 HTML元素命名规范 3二、 WEB页面开发规范 、错误跳转页面的处理 、、、提交前数据的判断验证 、删除操作 、页面中java代码的使用 、网站页面布局规范 、前台页面尺寸 、标准网页广告图标规格(参考) 、页面字体 、字体颜色 6三、 javaScript开发规范 、 javaScript文件命名规范: 、 javaScript开发规范 、 javaScript书写规范 、 javaScript命名规范 8四、 css样式规范 、 css样式文件命名规范 、通用样式文件命名规范: 、业务类样式文件命名规范 、css样式文件命名须知 、css样式文件存放目录规范 、 css样式定义规范 、 css样式内容顶部注释规范 、 css样式内容注释规范 、 css样式定义规范 、 css样式常用id的命名 、 css样式常用class的命名 、css样式书写规范 、css样式排版规范 、 css样式书写风格规范 、css样式属性定义顺序规范 、 css样式其他规范 、 css样式Hack的使用 、字体定义规范 、css样式检测 、注意事项 、css样式引用规范 、媒体内容命名规范 18五、项目文件存放规范 18六、前端开发规则 、页面文件命名规范…,文件命名下划线不命名格式为:项目名缩写 —所属功能_所属功能子项—….jsp/html能超过三个,命名尽量使用简短的能明确表明文件用途的英文或者英文简写。、页面head部分书写规范、JSP页面:需要在页面的最开始部分增加以下语句:■■ I*ngu«g0-,,j4va'innpcrt-bj«*'pcgaEncoding'UTF^8d<-、HTMLM面:需要在页面的最开始部分增加以下语句:http-1**,bCunL*fIt-Tyu*" ;dur、HTML5页面:页面添加编码格式可简写为:<metactiarset='hJtf-B">、响应式的网页添加如下语句:content-idth-dftt1c&-w1dth,initial-scjlfi-.(rrn5min-scale-1,0・najcimuni-sca'Le-l+®,jser-scalable-noP7、title 元素:一般网页必须添加 title 元素,若为框架页面,则可以不写。 title统一使用中文,title 内容要简洁明了,不能超过 20个字。、外部js的引用:页面加载时需要用到的 js文件写在head中,引用时不用写language属性,HTML5可以省略type属性,如。7)、外部CSS文件的引用:必须使用 link方式引入,HTML5可以省略type属性,CSS文件引入要放在js文件前。| rcl=11stylesheet11hrcfs^mainiCss11/*|、、HTMl元素书写规范1) 、代码的结构要保持完整性,单个标签必须要关闭,如: <div>v/div>,<br/>等。2) 、子元素要比父元素缩进两个字符。3) 、body中的所有内容不能直接书写在 <body></body>标签中,需要在 body中嵌入一层div,所有的元素需要写在改 div中。4) 、除非必要,所有标签元素的样式都需要使用 CSS文件来定义。5) 、img元素:所有展示用图片都要使用 alt属性添加能简要描述图片的文字说明, 如首页的广告图片等,必须具有 width和height属性。6) 、所有Form都要指定action属性,但属性值需要则填写,不需要则留空, method属性统一使用POST所有form表单都要在提交前对输入的数据前进行验证,验证使用jQueryvalidate 插件,书写规范如下:!actiw=^1partj秸e11■…fen4#更丿httHHUai7)、所有不可更改的input元素都要设置readonly属性8)、按功能模块添加简单明了的注释,在功能模块的开始