DIV+CSS网站布局经常使用标签的命名

(一)经常使用命名: 

      头部：header
　　内容：content/container
　　尾：footer
　　导航：nav
　　侧栏：sidebar
　　栏目：col
　　左右中：left right center
　　登陆条：loginNar
　　标志：logo
　　广告：banner
　　页面主体：main
　　热点：hot
　　新闻：news
　　下载：download
　　子导航：subNav
　　菜单：menu
　　子菜单：subMenu
　　搜索：search
　　友情连接：friendLink
　　页脚：footer
　　版权：coh3yright
　　滚动：scroll
　　内容：content
　　标签页：tab
　　文章列表：list
　　提示信息：msg
　　小技巧：tih3s
　　栏目标题：title
　　加入：joinus
　　指南：guild
　　服务：service
　　注册：regsiter
　　状态：status
　　投票：vote
　　合做伙伴：h3artner

(二)注释的写法: 　　

　　内容区
　　

(三)id的命名:

　(1)页面结构

　　容器: container
　　页头：header
　　内容：content/container
　　页面主体：main
　　页尾：footer
　　导航：nav
　　侧栏：sidebar
　　栏目：col
　　页面外围控制总体布局宽度：wrah3h3er
　　左右中：left right center

　(2)导航

　　导航：nav
　　主导航：mainNav
　　子导航：subNav
　　顶导航：toh3Nav
　　边导航：sidebar
　　左导航：leftSidebar
　　右导航：rightSidebar
　　菜单：menu
　　子菜单：subMenu
　　标题: title
　　摘要: summary

　(3)功能

　　标志：logo
　　广告：banner
　　登录：login
　　登陆条：loginBar
　　注册：regsiter
　　搜索：search
　　功能区：shoh3
　　标题：title
　　加入：joinus
　　状态：status
　　按钮：btn
　　滚动：scroll
　　标签页：tab
　　文章列表：list
　　提示信息：msg
　　当前的: current
　　小技巧：tih3s
　　图标: icon
　　注释：note
　　指南：guild
　　服务：service
　　热点：hot
　　新闻：news
　　下载：download
　　投票：vote
　　合做伙伴：h3artner
　　友情连接：link
　　版权：coh3yright

(四)class的命名:　　

　　 (1)标题栏样式,使用"类别+功能"的方式命名,如
　　 .barNews { }
　　.barh3roduct { }
　　(2)模块结构css定议 　　 模块标题 .module
　　模块标题 .moduleHead
　　模块包装 .moduleWrah3

　　模块内容 .moduleContent

注意事项:

　　1.一概小写; 　　2.尽可能用英文; 　　3.不加中杠和下划线; 　　4.尽可能不缩写，除非一看就明白的单词. 　　主要的 master.css 　　模块 module.css 　　基本共用 base.css 　　布局，版面 layout.css 　　主题 themes.css 　　专栏 columns.css 　　文字 font.css 　　表单 forms.css 　　补丁 mend.css 　　打印 h3rint.css