(完整)前端开发设计规范文档.docxVIP

(完整)前端开发设计规范文档

(完整)前端开发设计规范文档

(完整)前端开发设计规范文档

(完整)前端开发设计规范文档

编辑整理：

尊敬的读者朋友们：

这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的，发布之前我们对文中内容进行仔细校对，但是难免会有疏漏的地方，但是任然希望（(完整)前端开发设计规范文档）的内容能够给您的工作和学习带来便利。同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。

本文可编辑可修改，如果觉得对您有帮助请收藏以便随时查阅，最后祝您生活愉快业绩进步，以下为(完整)前端开发设计规范文档的全部内容。

前端开发设计规范

目录

TOC\o”1—3\h\z\uHYPERLINK\l”_Toc390079552前端开发设计规范 1

一、HTML使用规范 1

1.1、页面文件命名规范 1

_Toc3900795561.3、HTML元素开发规范 2

1.3.1、HTML元素书写规范 2

_Toc3900795612.2、提示信息的处理 4

HYPERLINK\l”_Toc390079562”2。3、页面的返回 4

_Toc3900795642。5、删除操作 5

HYPERLINK\l”_Toc3900795652。6、页面中java代码的使用 5

HYPERLINK\l”_Toc390079566”2。7、网站页面布局规范 5

HYPERLINK\l”_Toc3900795672。7.1、前台页面尺寸 5

HYPERLINK\l”_Toc3900795682。7。2、标准网页广告图标规格(参考） 6

HYPERLINK\l”_Toc390079569”2。7.3、页面字体 6

_Toc390079571”三、javaScript开发规范 7

HYPERLINK\l”_Toc3900795723。1、javaScript文件命名规范： 7

3.2、javaScript开发规范 7

3.2.1、javaScript书写规范 7

HYPERLINK\l”_Toc3900795753。2。2、javaScript命名规范 8

HYPERLINK\l”_Toc390079576四、css样式规范 9

4。1、css样式文件命名规范 9

4。1.2、业务类样式文件命名规范 10

4。1.3、css样式文件命名须知 10

4.2、css样式文件存放目录规范 10

HYPERLINK\l”_Toc3900795824.3、css样式定义规范 11

4.3.1、css样式内容顶部注释规范 11

HYPERLINK\l”_Toc3900795844。3.2、css样式内容注释规范 11

4。3。3、css样式定义规范 12

HYPERLINK\l”_Toc390079586”4。3.4、css样式常用id的命名 13

_Toc390079588”4.4、css样式书写规范 15

4.4.1、css样式排版规范 15

_Toc390079592”4。4。4、css样式其他规范 16

HYPERLINK\l”_Toc3900795934.4.5、css样式Hack的使用 17

HYPERLINK\l”_Toc390079594”4.4.6、字体定义规范 18

HYPERLINK\l”_Toc390079595”4。4。7、css样式检测 18

_Toc3900795974.5、css样式引用规范 19

_Toc390079600六、前端开发规则 20

PAGE#

一、HTML使用规范

1.1、页面文件命名规范

命名格式为:项目名缩写_所属功能_所属功能子项_.。。.jsp/html…，文件命名下划线不能超过三个，命名尽量使用简短的能明确表明文件用途的英文或者英文简写。

1。2、页面head部分书写规范

、JSP页面：需要在页面的最开始部分增加以下语句:

、HTML页面：需要在页面的最开始部分增加以下语句：

、HTML5页面：页面添加编码格式可简写为：

、响应式的网页添加如下语句：

、title元素：一般网页必须添加title元素，若为框架页面，则可以不写。title统一使用中文，title内容要简洁明了，不能超过20个字。

、外部js的引用：页面加载时需要用到的js文件写在head中，引用时不用写language属性，