元素的class与ID命名常用关键字

第一种

容<wbr><wbr><wbr> 器：container/box<wbr><br> 头<wbr><wbr><wbr> 部：header<wbr><br> 主 导 航：mainNav<wbr><br> 子 导 航：subNav<wbr><br> 顶 导 航：topNav<wbr><br> 网站标志：logo<wbr><br> 大 广 告：banner<wbr><br> 页面中部：mainBody<wbr><br> 底<wbr><wbr><wbr> 部：footer<wbr><br> 菜<wbr><wbr><wbr> 单：menu<wbr><br> 菜单内容：menuContent<wbr><br> 子 菜 单：subMenu<wbr><br> 子菜单内容：subMenuContent<wbr><br> 搜<wbr><wbr><wbr> 索：search<wbr><br> 搜索关键字：keyword<wbr><br> 搜索范围：range<wbr><br> 标签文字：tagTitle<wbr><br> 标签内容：tagContent<wbr><br> 当前标签：tagCurrent/currentTag<wbr><br> 标　 题：title<wbr><br> 内<wbr><wbr><wbr> 容：content<wbr><br> 列<wbr><wbr><wbr> 表：list<wbr><br> 当前位置：currentPath<wbr><br> 侧 边 栏：sidebar<wbr><br> 图<wbr><wbr><wbr> 标：icon<wbr><br> 注<wbr><wbr><wbr> 释：note<wbr><br> 登<wbr><wbr><wbr> 录：login<wbr><br> 注<wbr><wbr><wbr> 册：register<wbr><br> 列 定 义：column_1of3 (三列中的第一列)<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> column_2of3 (三列中的第二列)<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> column_3of3 (三列中的第三列)</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

第二种：一些DIV+CSS 命名规范

<wbr></wbr>

<wbr></wbr>

外　套：　　wrapper

主导航：　　mainnav

子导航：　　subnav

页　脚：　　footet

整个页面：　content

页　眉：　　header

页　脚：　　footer

商　标：　　label

标　题：　　title

主导航：　　mainbav（globalnav）

顶导航：　　topnav

边导航：　　sidebar

左导航：　　leftsidebar

右导航：　　rightsidebar

旗　志：　　logo

标　语：　　banner

菜单内容1： menu1 content

菜单容量：　menu container

子菜单：　　submenu

边导航图标：sidebarIcon

注释：　　　note

面包屑：　　breadcrumb(即页面所处位置导航提示）

容器：　　　container

内容：　　　content

搜索：　　　search

登陆：　　　Login

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

当前的　　　current

<wbr></wbr>

2.另外在编辑样式表时可用的注释可这样写：

<– Footer –>

内容区

<– End Footer –>

<wbr></wbr>

3.样式文件命名

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css