原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
前端开发设计规范
目录
TOC \o 1-3 \h \z \u 前端开发设计规范 1
一、HTML使用规范 1
1.1、页面文件命名规范 1
1.2、页面head部分书写规范 1
1.3、HTML元素开发规范 2
1.3.1、HTML元素书写规范 2
1.3.2、HTML元素命名规范 3
二、WEB页面开发规范 4
2.1、错误跳转页面的处理 4
2.2、提示信息的处理 4
2.3、页面的返回 4
2.4、提交前数据的判断验证 4
2.5、删除操作 5
2.6、页面中java代码的使用 5
2.7、网站页面布局规范 5
2.7.1、前台页面尺寸 5
2.7.2、标准网页广告图标规格（参考） 6
2.7.3、页面字体 6
2.7.4、字体颜色 7
三、javaScript开发规范 7
3.1、javaScript文件命名规范： 7
3.2、javaScript开发规范 7
3.2.1、javaScript书写规范 7
3.2.2、javaScript命名规范 8
四、css样式规范 9
4.1、css样式文件命名规范 9
4.1.1、通用样式文件命名规范： 9
4.1.2、业务类样式文件命名规范 10
4.1.3、css样式文件命名须知 10
4.2、css样式文件存放目录规范 10
4.3、css样式定义规范 11
4.3.1、css样式内容顶部注释规范 11
4.3.2、css样式内容注释规范 11
4.3.3、css样式定义规范 12
4.3.4、css样式常用id的命名 13
4.3.5、css样式常用class的命名 14
4.4、css样式书写规范 15
4.4.1、css样式排版规范 15
4.4.2、css样式书写风格规范 15
4.4.3、css样式属性定义顺序规范 16
4.4.4、css样式其他规范 16
4.4.5、css样式 Hack的使用 17
4.4.6、字体定义规范 18
4.4.7、css样式检测 18
4.4.8、注意事项 18
4.5、css样式引用规范 19
4.6、媒体内容命名规范 19
五、项目文件存放规范 19
六、前端开发规则 20
PAGE 5
一、HTML使用规范
1.1、页面文件命名规范
命名格式为：项目名缩写_所属功能_所属功能子项_... .jsp/html…，文件命名下划线不能超过三个，命名尽量使用简短的能明确表明文件用途的英文或者英文简写。
1.2、页面head部分书写规范
、JSP页面：需要在页面的最开始部分增加以下语句：
、HTML页面：需要在页面的最开始部分增加以下语句：
、HTML5页面：页面添加编码格式可简写为：
、响应式的网页添加如下语句：
、title元素：一般网页必须添加title元素，若为框架页面，则可以不写。title统一使用中文，title内容要简洁明了，不能超过20个字。
、外部js的引用：页面加载时需要用到的js文件写在head中，引用时不用写language属性，HTML5可以省略type属性，如。
、外部CSS文件的引用：必须使用link方式引入，HTML5可以省略type属性，CSS文件引入要放在js文件前。
1.3、HTML元素开发规范
1.3.1、HTML元素书写规范
、代码的结构要保持完整性，单个标签必须要关闭，如：div/div，br/等。
、子元素要比父元素缩进两个字符。
、body中的所有内容不能直接书写在body/body标签中，需要在body中嵌入一层div，所有的元素需要写在改div中。
、除非必要，所有标签元素的样式都需要使用CSS文件来定义。
、img元素：所有展示用图片都要使用alt属性添加能简要描述图片的文字说明，如首页的广告图片等，必须具有width和height属性。
、所有Form都要指定action属性，但属性值需要则填写，不需要则留空，method属性统一使用POST；所有form表单都要在提交前对输入的数据前进行验证，验证使用jQuery validate插件，书写规范如下：
、所有不可更改的input元素都要设置readonly属性。
、按功能模块添加简单明了的注释，在功能模块的开始标明模块开始，结束时标明模块结束，注释单独占一行；模块之间留行间隔便于查看代码。
、已过时的元素标签使用CSS样式来代替，已过时的标签属性禁止使用，使用CSS样式定义来实现。
1.
文档评论（0）