文档介绍：前端开发设计规范
目录
前端开发设计规范错误!未定义书签。
一、HTM限用规范错误!未定义书签。
、页面文件命名规范错误!未定义书签。
、页面head部分书写规范错误!未定义书签。
、HTML元素开发规范错误!未定义书签。
、相同，或
。
页面上使用到的不涉及与服务端交互的HTME素其id和name需统一，所有命名使用
元素标签的缩写_后缀方式，后缀命名使用小驼峰命名法即第一个单词全部使用小写，其他单
词首字母大写，常见元素命名规则如下表所示：
缩写
示例
text输入框
txt
txt_userName
button按钮
btn
btn_check
select下拉选择
sel
sel_beginTime
checkbox多选项
chk
chk_departmentNumber
div标记
div
div_result
submit提交按钮
sub
sub_register
hidden隐藏值
hdn
hdn_userId
二、WEtM面开发规范
、错误跳转页面的处理
400、401、403、404、405、406、407、410、412、414、500、501、502等错误代码使用其相应的统一页面，所有错误信息全部使用中文错误信息，标点符号使用中文半角符号。
页面设计与项目功能相匹配，做到简洁友好。
、提示信息的处理
成功提示信息可以使用弹窗或跳转统一成功页面的方式，成功页面的风格与网站总体风
格相同，格式如下：“成功：”+提示信息+"!”。
、页面的返回
所有需要返回上一页的时候使用（）；不使用（-1）。
、提交前数据的判断验证
1）、所有由用户输入的数据在提交前都要进行验证。
2）、验证方式使用jQueryvalidate插件，需要验证的项：
长度验证：默认长度为数据库中数据的最大长度，中文占两个字符，英文占一个字符。
为空验证：所有不允许为空的输入内容为空时不允许提交。
其他验证：需要根据输入内容的不同设定合适的验证，如Email格式是否正确，身份证
号格式是否正确等。
3）、验证后发现错误，需要提示明确的错误信息。错误提示信息样式：字体颜色
#ff3366,文字前面加红色感叹号小图标。
4）、可输入表单需要具有输入内容的提示信息，可使用placeholder属性来定义或者
自定义，颜色必须使用灰色，字体比网站使用字体小。
、删除操作
所有涉及删除的操作，需要用户进行确认之后才能进行操作。
、页面中java代码的使用
页面中不允许使用＜%%＞勺方式嵌入java代码。
、网站页面布局规范
、前台页面尺寸
1）、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定，1024*768下，网页宽度保持在1002以内，不会出现水平滚动条，高度同样视版面内容决定。
2）、根据第一条原则，规定网页的尺寸为width=960px,height=600px。
3）、页面长度原则上不超过3屏（可根据实际情况设定），宽度不超过1屏。
4）、全尺寸banner为468*60px,半尺寸banner为234*60px，小banner为88*31px。
5）、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。
、标准网页广告图标规格（参考）
1）、120*120,适用于产品或新闻照片展示。
2）、120*60,主要用于做LOGO!用。
3）、120*90,主要应用于产品演示或大型LOGO
4）、125*125,适于表现照片效果的图像广告。
5）、234*60,适用于框架或左右形式主页的广告链接。
6）、392*72,主要用于有较多图片展示的广告条，用于页眉或页脚。
7）、468*60,应用最为广泛的广告条尺寸，用于页眉或页脚。
、88*31,主要用于网页链接，或网站小型LOGO
、页面字体
正文内容中文统一使用宋体（可根据需要设定），大小为12px,标题使用14Px加粗,
不建议使用13px字，英文字体使用Arial和Helvetica/Univers。
、字体颜色
1）、正文使用灰黑色#333333。
2）、超链接可以使用蓝色#1f376d或#425c9e,也可以根据整体页面布局进行调整，整个网站的文字超链接样式要统一。
三、javaScript开发规范
、javaScript文件命名规范：
1）、可通用的javaScript文件：项目名称缩写-。
2）、其他javaScript文件：所属功能-。
、javaScript开发规范
、javaScript书写