WEB 前端开发规范文档+CSS 命名规范
规范目的
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.
本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的
地方请及时提出, 经讨论决定后方可更改.
基本准则
符合 web 标准, 语义化 html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序,
尽可能的减小服务器负载, 保证最快的 解析速度.
文件规范
1. html, css, js, images 文件均归档至<系统开发规范>约定的目录中;
2. html 文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重
命名与 html 文件同名, 以方便后端添加 功能时查找对应页面;
3. css 文件命名: 英文命名, 后缀.css. 共用 base.css, 首页 index.css, 其他页面依实际模块需求命名.;
4. Js 文件命名: 英文命名, 后缀.js. 共用 common.js, 其他依实际模块需求命名.
html 书写规范
1. 文档类型声明及编码: 统一为 html5 声明类型<!DOCTYPE html>; 编码统一为<meta charset="gbk"
/>, 书写时利用 IDE 实现层 次分明的缩进;
2. 非特殊情况下样式文件必须外链至<head>...</head>之间;非特殊情况下 JavaScript 文件必须外链
至页面底部;
3. 引入样式文件或 JavaScript 文件时, 须略去默认类型声明, 写法如下:
Example Source Code [www.52css.com]
<link rel="stylesheet" href="..." />
<style>...</style>
<script src="..."></script>
