文档介绍：前端开发设计规目录前端开发设计规 1一、HTML使用规、页面文件命名规、页面head部分书写规、HTML元素开发规、HTML元素书写规、HTML元素命名规 3二、WEB页面开发规、错误跳转页面的处理、提示信息的处理、页面的返回、提交前数据的判断验证、删除操作、页面中java代码的使用、页面布局规、前台页面尺寸、标准网页广告图标规格(参考) 、页面字体、字体颜色 7三、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样式引用规、媒体容命名规 19五、项目文件存放规 19六、前端开发规则 20一、、页面文件命名规命名格式为:项目名缩写_所属功能_所属功能子项_....jsp/html…,文件命名下划线不能超过三个,命名尽量使用简短的能明确表明文件用途的英文或者英文简写。、页面head部分书写规、JSP页面:需要在页面的最开始部分增加以下语句:、HTML页面:需要在页面的最开始部分增加以下语句:、HTML5页面:页面添加编码格式可简写为:、响应式的网页添加如下语句:、title元素:一般网页必须添加title元素,若为框架页面,则可以不写。title统一使用中文,title容要简洁明了,不能超过20个字。、外部js的引用:页面加载时需要用到的js文件写在head中,引用时不用写language属性,HTML5可以省略type属性,如。、外部CSS文件的引用:必须使用link方式引入,HTML5可以省略type属性,CSS文件引入要放在js文件前。、、HTML元素书写规、代码的结构要保持完整性,单个标签必须要关闭,如:<div></div>,<br/>等。、子元素要比父元素缩进两个字符。、body中的所有容不能直接书写在<body></body>标签中,需要在body中嵌入一层div,所有的元素需要写在改div中。、除非必要,所有标签元素的样式都需要使用CSS文件来定义。、img元素:所有展示用图片都要使用alt属性添加能简要描述图片的文字说明,如首页的广告图片等,必须具有width和height属性。、所有Form都要指定action属性,但属性值需要则填写,不需要则留空,method属性统一使用POST;所有form表单都要在提交前对输入的数据前进行验证,验证使用jQueryvalidate插件,书写规如下:、所有不可更改的input元素都要设置readonly属性。、按功能模块添加简单明了的注释,在功能模块的开始标明模块开始,结束时标明模块结束,注释单独占一行;模块之间留行间隔便于查看代码。、已过时的元素标签使用CSS样式来代替,已过时的标签属性禁止使用,使用CSS样式定义来实现。、HTML元素命名规涉及到跟服务端交互的元素,元素命名应当与服务端程序中定义的对应变量名相同,。页面上使用到的不涉及与服务端交互的HTML元素其id和name需统一,所有命名使用元素标签的缩写_后缀方式,后缀命名使用小驼峰命名法即第一个单词全部使用小写,其他单词首字母大写,常见元素命名规则如下表所示:HTML元素缩写示例text输入框txttxt_userNamebutton按钮btnbtn_checkselect下拉选择selsel_beginTimecheckbox多选项chkchk_departmentNumberdiv标记divdiv_resultsubmit提交按钮subs