现在，越来越多的网站开始采用DIV+CSS的技术，因为这是Web 2.0标准的要求，而且有利于搜索引擎的收录，即SEO。我们在做DIV+CSS中不免会遇到许多样式的命名，取好样式的名称也是有利于SEO的，下面给出DIV+CSS命名规则，从而有利于增强SEO。

1、class 的命名
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight

2、id的命名
外　套：wrap
主导航：mainNav
子导航：subnav
页　脚：footer
整个页面：content
页　眉：header
页　脚：footer
商　标：label
标　题：title
主导航：mainNav（globalNav）
顶导航：topnav
边导航：sidebar
左导航：leftsideBar
右导航：rightsideBar
旗　志：logo
标　语：banner
菜单内容：menu1Content
菜单容量：menuContainer
子菜单：submenu
边导航图标：sidebarIcon
注释：note
面包屑：breadCrumb(即页面所处位置导航提示）
容器：container
内容：content
搜索：search
登陆：login
功能区：shop(如购物车，收银台)
当前的：current

3、另外在编辑样式表时可用的注释可这样写
<– Footer –>
内容区
<– End Footer –>

4、样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

什么是DIV+CSS 网页重构?

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后，发布了XML，XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXtensible Markup Language http://www.seoyouhua.net/）。但是XML过于复杂，且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场，XHTML语言就是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。说了这么多，现在该说正题了——CSS。其实CSS单独使用除了麻烦一点之外，我个人觉得并无明显的优于HTML的好处。而关键就在于其与脚本语言（如Javascript）及XML技术的融合，即CSS+Javascript+XML（实际上有一种更好的融合：XML+XSL+Javascript）——但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。说了这么多，其实，个中真谛，还得使用过后才知道，所以，现在就开始学习使用吧。
更多…