页面设计规范样本.doc

资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。
文档属性:
属性
文档属性
文档主题:
页面开发规范
文档编号:

文档版本:
版本号(如: V1.0)
版本日期:
-12-30
文档状态:

文档变更
版本
修订日期
修订人
描述
V1.0
-1-23
吕勇
创立文档

页面开发规范

目 录

1 概述..........................................................................................................................................3
1.1 背景..................................................................................................................... 3
1.2 目的.................................................................................................................................... 3
2 规范细则...................................................................................................................................3

2.1 页面设计意图明确.............................................................................................................. 3
2.2 页面HTML代码结构清晰, 易于阅读和研发嵌入程序代码..................................................4
2.3 页面流程清晰, 指向明确......................................................................... 6
2.4 页面制作规范及其细节, 增强seo效果............................................................................... 6
2.5 页面id,class及其css命名规范参考, 提高团队开发效率和方便管理...................................6

1 概述

1.1 背景

不规范的页面, 会存在很多的冗余代码、 结构不合理等现象, 将对研发的嵌套工作造成了 一些影响, HTML页面代码的易读性较差。

1.2 目的

规范HTML页面:

1. 减少冗余代码

2. 提高代码的易读性

3. 逐步提高设计师对代码的理解, 能够和开发工程师更好的交互

4. 让页面更优化, 高效让用户能够更好的体验.

2 规范细则

2.1 页面设计意图明确

1) 页面标题明确, 能清晰反映本页面策划功能, 禁止”无标题文档”, ”标题1”, ”标题2” 等归属不明确标题
2) 页面文字描述清晰, 和产品策划人员沟通确认页面文字描述
3) 同项目中不同页面中相同或者相似功能页面文字描述保持一致性

2.2 页面HTML代码结构清晰, 易于阅读和研发嵌入程序代码

1) HTML代码分区明确
在页面的每一个功能分区前后加入标记, 说明此区块的功能指向, 例如