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

第一种

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

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

 

 

外　套：　　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

 

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

<– Footer –>

内容区

<– End Footer –>

 

3.样式文件命名

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css