前端命名

一、HTML文件命名

header.html----头部页面

footer.html------底部页面

userManage.html------------用户管理

特殊作用页面

pop_register.html---------注册弹框

pop_login.html------------登录弹框

pop_video.html-----------视频弹框 

二、CSS文件命名

1.layout.css ----- 布局，版面

2.base.css   ------共用

3.index.css  ------首页

4.其他页面依实际模块需求命名.

关于团队合作常用的CSS命名规范

1）注意事项:

　1、代码一律小写；

　2、尽量用英文；

　3、尽量不加中杠和下划线，如果需要统一使用中杠；

　4、尽量不缩写，除非一看就明白的单词；

    5、不写JS的地方不要加ID，一律用class；

　6、坚持以字母开头命名选择器，这样可保证在所有浏览器下都能兼容。

2）常用的css命名规则

(1)页面结构

　　页面外围控制整体布局宽度：wrapp们习惯简写成wrap）

        容器: container

　　页头：header

　　内容：content/container

　　页面主体：main

　　页尾：footer

　　导航：nav

　　侧栏：sidebar　栏目：column

       左右中：left right center

　(2)导航

　　导航：nav

　　主导航：mainnav

　　子导航：subnav

　　顶导航：topnav

　　边导航：sidebar

　　菜单：menu

　　子菜单：submenu

        标题: title

        摘要: summary

　(3)功能

　　标志：logo

　　广告：banner

　　登录：login

　　登录条：loginbar

　　注册：regsiter

　    搜索：search

　　功能区：shop

　　标题：title

　　加入：joinus

　　状态：status

　　按钮：btn

　　滚动：scroll

　　标签页：tab

　　文章列表：list

　　提示信息：msg

　　当前的: current

　　小技巧：tips

　　图标: icon

　　注释：note

　　指南：guide

　　服务：service

　　热点：hot

  　  新闻：news

　　下载：download

        投票：vote

        合作伙伴：partner

       友情链riendLink

       版权：copyright

      当前：current 

*命名全部使用小写字母，如果、需要多个单词，单词间使用“_”分隔，比如sidebar_list；

3）其他规范:

1、开发过程中严格按分工完成页面, 以提高CSS复用率, 避免重复开发;

2、减小沉冗代码, 书写所有人都可以看的懂的代码. 简洁易懂是一

美德. 为用户着想, 为服务器着想.

三、js文件命名

1.common.js ---公用

2.index.js-------首页

3. 其他依实际模块需求命名.

四、图片命名

1.命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;