前端 HTML/CSS 命名规则

命名方法

中线命名法，如：hello-world

---

页面结构

容器: container

页头：header

内容：content/container

页面主体：main

页尾：footer

侧栏：sidebar

栏目：column

左右中：left right center

页面外围控制整体布局宽度：wrapper

---

导航

导航：nav

主导航：main-bav

子导航：sub-nav

顶导航：top-nav

边导航：sidebar

左导航：left-sidebar

右导航：right-sidebar

菜单：menu

子菜单：sub-menu

标题: title

摘要: summary

---

功能

标志：logo

广告：banner

登陆：login

登录条：login-bar

注册：regsiter

搜索：search

功能区：shop

标题：title

加入：joinus

状态：status

按钮：btn

滚动：scroll

标签页：tab

文章列表：list

提示信息：msg

当前的: current

小技巧：tips

图标: icon

注释：note

指南：guild

服务：service

热点：hot

新闻：news

下载：download

投票：vote

合作伙伴：partner

友情链接：link

版权：copyright

---

样式文件命名规范： 

全局的：global.css； 

主要的：master.css； 

布局、版面：layout.css； 

专栏：columns.css； 

文字：font.css； 

打印样式：print.css； 

主题：themes.css； 

补丁：pacth.css； 

格式化浏览器：base.css等。