html页面的CSS、DIV命名规则

名称

命名

名称

命名

名称

命名

名称

命名

页头

header

广告条

banner

登录条

loginbar

标志

logo

侧栏

sidebar

菜单

menu

子菜单

subMenu

下拉菜单

dropMenu

导航

nav

工具条

toolbar

表单

form

栏目

column

子导航

subNav

箭头

arrow

搜索

search

搜索按钮

btn-search

滚动条

scroll

内容

content

标签页

tab

文章列表

list

提示信息

msg

小技巧

tips

栏目标题

title

链接

links

页脚

footer

服务

service

热点

hot

新闻

news

下载

download

注册

regsiter

状态

status

按钮

btn

投票

vote

合作伙伴

partner

版权

copyright

网站地图

sitemap

最外层

wrap

主体内容（中部）

 main

左侧布局

main-left

右侧布局

main-right

中部主体

content

底部

footer

css、js文件命名：

名称

命名

名称

命名

名称

命名

名称

命名

主要的

master.css/main.css

布局，版面

layout.css 

专栏

columns.css 

文字

font.css 

打印样式

print.css 

主题

themes.css

模块

module.css

基本共用

base.css

表单

forms.css

补丁

mend.css

ID命名：

名称

命名

名称

命名

名称

命名

名称

命名

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

#wrapper

容器,用于最外层

#container或#content

布局

#layout

页头部分

#head, #header

页脚部分

#foot, #footer

主导航

#nav

二级导航

#subnav

菜单

#menu

子菜单

#submenu

侧栏

#sideBar

左边栏或右边栏

#sidebar_a, #sidebar_b

页面主体

#main

标签

#tag

提示信息

#msg #message

小技巧

#tips

投票

#vote

友情连接

#friendlink

标题

#title

摘要

#summary

登录条

#loginbar

搜索输入框

#searchInput

热门热点

#hot

搜索

#search

搜索条

#searchBar

搜索输出和搜索结果相似

#search_output

搜索结果

#search_results

版权信息

#copyright

商标

#branding

网站LOGO标志

#logo

网站信息

#siteinfo

法律声明

#siteinfoLegal

信誉

#siteinfoCredits

加入我们

#joinus

合作伙伴

#partner

服务

#service

注册

#regsiter

箭头

arr/arrow

指南

#guild

 网站地图

#sitemap

列表

#list

首页

#homepage

二级页面子页面

#subpage

工具条

#tool, #toolbar

下拉

#drop

下拉菜单

#dorpmenu

状态

#status

滚动

#scroll

标签页

.tab

居左、中、右

.left .right .center

新闻

.news

下载

.download

广告条(顶部广告条)

.banner

电子贸易相关：

名称

命名

名称

命名

名称

命名

名称

命名

产品

.products

产品描述

.products_description

编辑评论

.editor_review

生产商

.publisher

产品价格

.products_prices

产品评论

.products_review

最新产品

.news_release

缩略图

.screenshot

常见问题

.faqs

关键词

.keyword

博客

.blog

论坛

.forum