前端开发设计规范文档VIP免费

前端开发设计规范目录前端开发设计规范、HTML使用规范131、HTML元素书写规范132、HTML元素命名规范1.1、页面文件命名规范1.2、页面head部分书写规范1.3、HTML元素开发规范二、WEB页面开发规范2.1、错误跳转页面的处理2.2、提示信息的处理2.3、页面的返回2.4、提交前数据的判断验证2.5、删除操作2.6、页面中java代码的使用2.7、网站页面布局规范4.1.1、通用样式文件命名规范:4.1.2、业务类样式文件命名规范4.1.3css样式文件命名须知4.2、css样式文件存放目录规范4.3、css样式定义规范1.14.3.1、css样式内容顶部注释规范114.3.2、css样式内容注释规范114.3.3css样式定义规范.22.7.1、前台页面尺寸2.7.2、标准网页广告图标规格（参考）.6.2.7.3页面字体2.7.4字体颜色三、javaScript开发规范7.3.1、javaScript文件命名规范:7.3.2、javaScript开发规范7.3.2.1、javaScript书写规范3.2.2、javaScript命名规范四、css样式规范4.1、css样式文件命名规范10104.34css样式常用id的命名.134.3.5css样式常用class的命名144.4、css样式书写规范.15.441、css样式排版规范1.5.442、css样式书写风格规范15443css样式属性定义顺序规范164.44css样式其他规范16.445css样式Hack的使用17.4.46字体定义规范18447、css样式检测184.4.8注意事项184.5、css样式引用规范19.4.6、媒体内容命名规范19五、项目文件存放规范1.9.六、前端开发规则201一、HTML使用规范1.1、页面文件命名规范命名格式为：项目名缩写_所属功能_所属功能子项_???jsp/html⋯，文件命名下划线不能超过三个，命名尽量使用简短的能明确表明文件用途的英文或者英文简写。1.2、页面head部分书写规范1)、JSP页面：需要在页面的最开始部分增加以下语句：.;uimport-~jiv?util/'p?g*Encoding-*UTF-8'.2)、HTML页面：需要在页面的最开始部分增加以下语句：http-u"Cont?it-Tycontt-Lex1/htpIjchjr3)、HTML5页面：页面添加编码格式可简写为：划netscharset="utf-Blf>4)、响应式的网页添加如下语句：nietdnJffie-"MVTtfwport*conxerit'"tfidth-deviceitfidth,initial3cale_l山孑尺1巾111?”￡匚事1护1一8丫ts?r-scjl^bl^rw'7>5)、title元素：一般网页必须添加title元素，若为框架页面，则可以不写。title统一使用中文，title内容要简洁明了，不能超过20个字。6)、外部js的引用：页面加载时需要用到的js文件写在head中，引用时不用写language属性，HTML5可以省略type属性，如。27）、外部CSS文件的引用：必须使用link方式引入，HTML5可以省略type属性，CSS文件引入要放在js文件前。rcl=^stylesheet11hrcf=1.3、HTML元素开发规范1.3.1、HTMl元素书写规范1）、代码的结构要保持完整性，单个标签必须要关闭，如：，
等。2）、子元素要比父元素缩进两个字符。3）、body中的所有内容不能直接书写在标签中，需要在body中嵌入一层div，所有的元素需要写在改div中。f「L■止1132、HTML元素命名规范涉及到跟服务端交互的元素，元素命名应当与服务端程序中定义的对应变量名相同，或使用对象名.变量名的形式。页面上使用到的不涉及与服务端交互的HTML元素其id和name需统一，所有命名使用元素标签的缩写_后缀方式，后缀命名使用小驼峰命名法即第一个单词全部使用小写，其他单词首字母大写，常见元素命名...