-可编辑修改-前端开发设计规范目录前端开发设计规范 1一、HTML 使用规范 11.1、页面文件命名规范 11.2、页面 head 部分书写规范 11.3、HTML 元素开发规范 21.3.1、HTML 元素书写规范 21.3.2、HTML 元素命名规范 3二、WEB 页面开发规范 42.1、错误跳转页面的处理 42.2、提示信息的处理 42.3、页面的返回 42.4、提交前数据的判断验证 42.5、删除操作 52.6、页面中 java 代码的使用 52.7、网站页面布局规范 52.7.1、前台页面尺寸 5-可编辑修改-2.7.2、标准网页广告图标规格(参考)62.7.3、页面字体 62.7.4、字体颜色 7三、javaScript 开发规范 73.1、javaScript 文件命名规范:73.2、javaScript 开发规范 73.2.1、javaScript 书写规范 73.2.2、javaScript 命名规范 8四、css 样式规范 94.1、css 样式文件命名规范 94.1.1、通用样式文件命名规范:94.1.2、业务类样式文件命名规范 104.1.3、css 样式文件命名须知 104.2、css 样式文件存放目录规范 104.3、css 样式定义规范 114.3.1、css 样式内容顶部注释规范 114.3.2、css 样式内容注释规范 114.3.3、css 样式定义规范 124.3.4、css 样式常用 id 的命名 134.3.5、css 样式常用 class 的命名 14-可编辑修改-4.4、css 样式书写规范 144.4.1、css 样式排版规范 144.4.2、css 样式书写风格规范 154.4.3、css 样式属性定义顺序规范 154.4.4、css 样式其他规范 164.4.5、css 样式 Hack 的使用 174.4.6、字体定义规范 174.4.7、css 样式检测 184.4.8、注意事项 184.5、css 样式引用规范 184.6、媒体内容命名规范 19五、项目文件存放规范 19六、前端开发规则 19-可编辑修改-、HTML 使用规范1.1、页面文件命名规范命名格式为:项目名缩写—所属功能—所属功能子项_•••jsp/html…,文件命名下划线不能超过三个,命名尽量使用简短的能明确表明文件用途的英文或者英文简写。1.2、页面 head 部分书写规范1)、JSP 页面:需要在页面的最开始部分增加以下语句:<%@pagelanguagt=sjBVflipaigncsding=HUTF-8"%>2)、HTML 页面:需要在页面的最开始部分增加以下语句:3)、HTML5 页面:页面添加编码格式可简写为:4)、响应式的网页添加如下语句: