web前端页面规范[参照].pdfVIP

web 前端页面规范 1 目录 web 前端页面规范 1 1.概述 3 2.html 文件 3 2.1 结构样式分离 3 2.2 type 属性 3 2.3 注释 3 2.4 缩进 4 2.5 布局 4 2.5.1 布局原则 4 2.5.1 布局框架 4 3.CSS 文件 4 3.1 命名 4 3.2CSS 初始化 7 3.3CSS 书写顺序 7 3.4CSS 缩写属性 7 3.5 去掉小数点前面的“ 80 ” 3.6 “0 ”后面不跟单位 8 3.7 其他常用属性设置 8 3.7.1 页面字体 8 3.7.2 文字颜色 8 3.7.3 边距 9 3.7.4 留白 9 3.7.5 行间距 10 3.7.6 段落设置 11 3.7.7 容器宽高 11 4. 页面功能 11 4.1 键盘响应支持 11 4.2 新增 11 4.3 修改 11 4.4 删除 12 4.5 查询 12 5. 其他 12 2 1.概述 本文针对目前所开发产品中出现的问题， 制定的部分关于前端页面的书写规 范，统一标准，便于后台人员添加功能及前端后期优化维护， 提高团队协作效率， 本文档如有不对或者不合适的地方请及时提出 , 经讨论决定后可以更改此文档。 2.html 文件 2.1 结构样式分离 （1）尽量避免在 html 文件的 head 部分使用 style/style 的形式来定义样 式。 （2 ）尽量避免在 html 标签中直接使用 style= ””的形式来定义样式。 （3 ）统一通过外部调用 css 样式表文件来实现行为结构的分离： link href= ”css/bootstrap.min.css ”rel= ”stylesheet ” / 2.2 type 属性 在引用样式和脚本时，无需指定 type 属性 scriptsrc=js/jquery-1.10.2.js/script 2.3 注释 为方便页面维护， 以及不同人员阅读页面代码， 页面中不同的模块起始位置 和功能模板需分别添加注释。如下图： 3 2.4 缩进 为方便检查需保证标签的正确闭合， 且代码需根据不同的层级进行缩进对齐。 2.5 布局 2.5.1 布局原则 响应式布局，根据浏览设备