前端开发设计标准规范文档

《前端开发设计标准规范文档》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、#*前端开发设计规范目录前端开发设计规范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、javaScr

2、ipt文件命名规范：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样式

3、书写规范154.4.1、css样式排版规范154.4.2、css样式书写风格规范154.4.3、css样式属性定义顺序规范164.4.4、css样式其他规范164.4.5、css样式Hack的使用174.4.6、字体定义规范184.4.7、css样式检测184.4.8、注意事项184.5、css样式引用规范194.6、媒体内容命名规范19五、项目文件存放规范19六、前端开发规则20#*一、HTML使用规范1.1、页面文件命名规范命名格式为：项目名缩写_所属功能_所属功能子项_....jsp/html…，文件命名下划线不能超过三个，命名尽量使用简短的能明确表明文件用途的英文或者英文简写。1.2

4、、页面head部分书写规范1)、JSP页面：需要在页面的最开始部分增加以下语句：2)、HTML页面：需要在页面的最开始部分增加以下语句：3)、HTML5页面：页面添加编码格式可简写为：4)、响应式的网页添加如下语句：5)、title元素：一般网页必须添加title元素，若为框架页面，则可以不写。title统一使用中文，title内容要简洁明了，不能超过20个字。6)、外部js的引用：页面加载时需要用到的js文件写在head中，引用时不用写language属性，HTML5可以省略type属性，如。#*1)、外部CSS文件的引用：必须使用link方式引入，HTML5可以省略type属性，CSS文

5、件引入要放在js文件前。1.3、HTML元素开发规范1.3.1、HTML元素书写规范1)、代码的结构要保持完整性，单个标签必须要关闭，如：

6、值需要则填写，不需要则留空，method属性统一使用POST；所有form表单都要在提交前对输入的数据前进行验证，验证使用jQueryvalidate插件，书写规范如下：#*1)、所有不可更改的input元素都要设置readonly属性。2)、按功能模块添加简单明了的注释，在功能模块的开始标明模块开始，结束时标明模块结束，注释单独占一行；模块之间留行间隔便于查看代码。3)、已过时的元素标签使用CSS样式来代替，已过时的标签属性禁止使用，使用CSS样式定义来实现。1.3.2、HTML元素命名规范涉及到跟服务端交互的元素，元素命名应当与服务端程序中定义的对应变量名相同，或使用对象名.变量名的形式

7、。页面上使用到的不涉及与服务端交互的HTML元素其id和name需统一，所有命名使用元素标签的缩写_后缀方式,后缀命名使用小驼峰命名法即第一个单词全部使用小写，其他单词首字母大写，常见元素命名规则如下表所示：HTML元素缩写示例text输入框txttxt_userNamebutton按钮btnbtn_checkselect下拉选择selsel_beginTime#*checkbox多选项chkchk_depa