前端开发-项目规范

1、项目文件夹

- 根据项目名称创建项目文件夹。如：ushop

-  html、css、img、js 文件均归档至项目名称目录中

- HTML 文件、根据页面内容以英文命名，首页或只有一个页面通常命名为index.html

- css 文件以英文命名

  - 公用样式通常命名为reset.css（常用的浏览器样式）

  - public.css（多个页面时的公共模块的样式，或多次重复使用字体、字号、间距等样式）

  - 首页通常命名为index.css, 其他页面依实际模块或功能需求命名

- 图片文件命名尽量与其模块样式名称保持关联，尽量使用小写命名

  - （如登录框的背景与图片：login_bg.jpg、login_user_ico.gif 等）

  - 常用图片格式 gif 、png 、jpg

**目录结构参考**

```

---/html/

|---- /user/                    与用户相关的页面  

|---- /user/login.html          登录页

---/css/

|---- /reset.css                 重置浏览器样式    

|---- /page                        其他页面的css

|---- /page/pagename.css         单独某个页面的css

|---- /common.css                  css通用样式库

---/js/

|---- /lib                      公用组件

|---- /lib/jquery.2.2.3.min.js  调用jq库文件

|---- /page                          其他页面的js

|---- /page/pagename.js         单独书写的js

|---- /common.js                公用方法

---/img/

|---- /page                     其他页面对应的图片

|---- /page/wap                 手机端图片夹

|---- /page/wap/wap_icon.png    手机端图标

|---- /logo.png                 公用图片

```

 2、HTML 书写规范

 2.1 文档类型声明及编码

-  统一为 html5 声明类型

- 编码统一为 utf-8

  2.2 书写规范

- 书写时根据页面结构实现层次分明的缩进

- 标签必合

- 属性值必须用双引号包括

- 通常小写字母

 2.3 语义化 HTML

- 根据页面结构选择合适的标签

  - 如标题根据重要性用 h1-h6不同等级的标签标记 、段落标记用p，结构简章重复的部分用 ul、li标签

  - 页面中重要的图片内容要添加 alt=“”替换文本，