UI界面开发标准v1.0(内部保密资料).pdf

UI （B/S）界面开发标准 v1.0 （内部保密资料） 软件 UI 界面开发标准 V1.0 2010-11-26 目 录 页面设计 . 4 尺寸规范 4 导航规范 4 链接规范 4 字体规范 4 CSS书写规范 . 5 JS调用规范 5 错误信息规范 5 标签页 . 5 图片的分类及命名规则 5 目录结构规范 6 易用性设计 6 规范性设计 7 帮助设计 7 合理性设计 8 美观与协调性设计 8 菜单位置设计 9 独特性设计 10 安全性考虑 10 页面切割 . 12 UI （B/S）界面开发标准 v1.0 （内部保密资料） HTML规范 24 标记的书写 24 标记的换行规范 24 标记的关闭规范 25 标记的属性值规范 25 标记的缩进规范 26 注释 26 代码嵌套、优化 27 尽量减少 HTTP请求次数 . 27 减少 DNS 查找次数 28 避免跳转 28 可缓存的 AJAX. 29 推迟加载内容 29 预加载 . 30 减少 DOM 元素数量 30 根据域名划分页面内容 30 使 iframe 的数量最小 31 不要出现 404 错误 31 为文件头指定 Expires或 Cache-Control 31 Gzip 压缩文件内容 32 配置 ETag 33 尽早刷新输出缓冲 34 使用 GET来完成 AJAX 请求 34 把样式表置于顶部 35 避免使用 CSS表达式（ Expression） 35 使用外部 Javascript 和 CSS 35 削减 Javascript 和 CSS 36 用link代替 @import 36 避免使用滤镜 36 把脚本置于页面底部 . 37 UI （B/S）界面开发标准 v1.0 （内部保密资料） 剔除重复脚本 37 减少 DOM 访问 37 开发智能事件处理程序 38 减小 Co