页面设计规范
页面开发规范
面开发规范
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页 共7页
页面开发规范
1 概述
1.1 背景
不规范的页面,会存在很多的冗余代码、结构不合理等现象,将对研发的嵌套工作造成了 一些
影响,HTML页面代码的易读性较差。
1.2 目的
规范HTML页面,
1. 减少冗余代码
2. 提高代码的易读性
3. 逐步提高设计师对代码的理解,能够和开发工程师更好的交互
4. 让页面更优化,高效让用户能够更好的体验.
2 规范细则
2.1 页面设计意图明确
1, 页面标题明确,能清晰反映本页面策划功能,禁止“无标题文档”,“标题
1,标题2” 等归属不明确标题 ”“
2, 页面文字描述清晰,和产品策划人员沟通确认页面文字描述
3, 同项目中不同页面中相同或者相似功能页面文字描述保持一致性
2.2 页面HTML代码结构清晰,易于阅读和研发嵌入程序代码
1, HTML代码分区明确
在页面的每一个功能分区前后加入标记,说明此区块的功能指向,例如
第 2页 共7页
页面开发规范