网页设计CSS等命名规范

 CSS命名规则

     　　头：header

     　　内容：content/containe

     　　尾：footer

     　　导航：nav

     　　侧栏：sidebar

     　　栏目：column

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

     　　左右中：left right center

     　　登录条：loginbar

     　　标志：logo

     　　广告：banner

     　　页面主体：main

     　　热点：hot

     　　新闻：news

     　　下载：download

     　　子导航：subnav

     　　菜单：menu

     　　子菜单：submenu

     　　搜索：search

     　　友情链接：friendlink

     　　页脚：footer

     　　版权：copyright

     　　滚动：scroll

     　　内容：content

     　　标签页：tab

     　　文章列表：list

     　　提示信息：msg

     　　小技巧：tips

     　　栏目标题：title

     　　加入：joinus

     　　指南：guild

     　　服务：service

     　　注册：regsiter

     　　状态：status

     　　投票：vote

     　　合作伙伴：partner

 XHTML文件中id的命名

     (1)页面结构

     　　容器: container

     　　页头：header

     　　内容：content/container

     　　页面主体：main

     　　页尾：footer

     　　导航：nav

     　　侧栏：sidebar

     　　栏目：column

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

     　　左右中：left right center

     (2)导航

     　　导航：nav

     　　主导航：mainbav

     　　子导航：subnav

     　　顶导航：topnav

     　　边导航：sidebar

     　　左导航：leftsidebar

     　　右导航：rightsidebar

     　　菜单：menu

     　　子菜单：submenu

     　　标题: title

     　　摘要: summary

     (3)功能

     　　标志：logo

     　　广告：banner

     　　登陆：login

     　　登录条：loginbar

     　　注册：regsiter

     　　搜索：search

     　　功能区：shop

     　　标题：title

     　　加入：joinus

     　　状态：status

     　　按钮：btn

     　　滚动：scroll

     　　标签页：tab

     　　文章列表：list

     　　提示信息：msg

     　　当前的: current

     　　小技巧：tips

     　　图标: icon

     　　注释：note

     　　指南：guild

     　　服务：service

     　　热点：hot

     　　新闻：news

     　　下载：download

     　　投票：vote

     　　合作伙伴：partner

     　　友情链接：link

     　　版权：copyright

CSS+DIV的命名规则：

　　登录条:loginBar

　　标志:logo

　　侧栏:sideBar

　　广告:banner

　　导航:nav

　　子导航:subNav

　　菜单:menu

　　子菜单:subMenu

　　搜索:search

　　滚动:scroll

　　页面主体:main

　　内容:content

　　标签页:tab

　　文章列表:list

　　提示信息:msg

　　小技巧:tips

　　栏目标题:title

　　友情链接:friendLink

　　页脚:footer

　　加入:joinus

　　指南:guild

　　服务:service

　　热点:hot

　　新闻:news

　　下载:download

　　注册:regsiter

　　状态:status

　　按钮:btn

　　投票:vote

　　合作伙伴:partner

　　版权:copyRight

　　1.CSSID的命名

　　外套:wrap

　　主导航:mainNav

　　子导航:subnav

　　页脚:footer

　　整个页面:content

　　页眉:header

　　页脚:footer

　　商标:label

　　标题:title

　　主导航:mainNav(globalNav)

　　顶导航:topnav

　　边导航:sidebar

　　左导航:leftsideBar

　　右导航:rightsideBar

　　旗志:logo

　　标语:banner

　　菜单内容1:menu1Content

　　菜单容量:menuContainer

　　子菜单:submenu

　　边导航图标:sidebarIcon

　　注释:note

　　面包屑:breadCrumb(即页面所处位置导航提示)

　　容器:container

　　内容:content

　　搜索:search

　　登陆:login

　　功能区:shop(如购物车，收银台)

　　当前的current

　　2.样式文件命名

　　主要的:master.css

　　布局版面:layout.css

　　专栏:columns.css

　　文字:font.css

　　打印样式:print.css

　　主题:themes.css

说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。