现在相信做网站的技术都应该会用DIV+CSS布局了，品界认为能用一个DIV搞定的事情，不要用多个DIV嵌套，嵌套也最好不要超过三层，这样的结构跟TABLE没啥区别，这点很多人没有注意到！不少网站都开始使用日趋主流的div+css对网站进行重构，div+css的好处除了使代码简洁改版方便之外，我们对网站进行SEO也是有好处的，品界并不是说div+css在SEO中效果一定大于table布局，我是指对网站做SEO优化的时候能省掉不少麻烦。

div+css重构网站的好处：
1，提高搜索引擎对网页的索引效率
提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；
由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
避免了表格嵌套，搜索引擎蜘蛛爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面，不少使用传统的table布局的网站，很多页面在搜索引擎快照中显示不完整。
 
2，表现与内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息，方便网站改版，只需要对css进行重构便可完成网站的改版需要。
 
3，提高页面加载速度
大大的减少了网页的代码，节省服务器带宽。
提高网页加载速度，使用户打开页面的速度大大提高，提高用户体验。
 
Div+css设计网页时[网站优化]需要注意的问题：
css部分与页面代码应该分离，将css单独封装在一个.css文件中调取。
使用id与class，尽量避免使用style=""。
尽量使用标准的css命名规范，这是检验一个设计师是否专业的一个小标志。
浏览器兼容，目前主流的浏览器有IE6，IE7，Firefox，div+css容易产生兼容问题，设计时需要对三个浏览器进行不断调试。
尽量使用css的缩写以节省代码，例如margin:10px 20px 10px 20px;可以简写为margin:10px 20px;
 
Div+css设计网页时需要注意的SEO问题：
代码的顺序，将重要的代码部分显示在前，不重要的显示在后，而视觉效果不变。例如利用float可将左右部分代码调换位置。
H标签的使用，h标签在搜索引擎算法中占据比较重要的位置，h1----h6标签都对SEO有一定的帮助。
Javascript代码的封装。页面中不少javascript代码干扰了搜索引擎分析页面内容，可以将javascript代码封装在一个.js文件中外部调用。
每个<img />都要加入alt注释，如果是页面代码的构成内容比如某个边角图片，则可以将alt留空，即alt=""，当然去掉alt=""也未尝不可，只是如果要遵循标准的话，保留alt=""是必要的。
无用代码的封装。将对SEO产生干扰或者负面影响的内容使用<iframe>或者.js封装成文件外部调用。
将需要强调的文字信息（主要指包含关键词的信息）使用<strong>加粗
 
在搜索引擎优化中， 对于CSS代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样，在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数的seo人员所接受，并为整个网站的更新工作带来方便。
　　页头:header (CSS中通常写为： #header)
　　登录条:loginBar
　　标志:logo
　　侧栏:sideBar
　　广告:banner
　　导航:nav
　　子导航:subNav
　　菜单:menu
　　子菜单:subMenu
　　搜索:search
　　滚动:scroll
　　页面主体:main
　　内容:content
　　标签页:tab
　　文章列表:list
　　提示信息:msg
　　小技巧:tips
　　栏目标题:title
　　加入:joinus
　　指南:guide
　　服务:service
　　热点:hot
　　新闻:news
　　下载:download
　　注册:regsiter
　　状态:status
　　按钮:btn
　　投票:vote
　　合作伙伴:partner
　　友情链接:friendLink
　　页脚:footer
　　版权:copyRight
　　CSS中 ID 的命名规范
　　外　套:　　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
　　为了更加有效的使用CSS样式表， 大型的网站通常有许多个不同的样式表，按照不同的分类来调用不同的CSS样式表。 这些样式表的命名也需要严格的规范。严格的CSS文件名命名规则，同样可以为工作带来更多的便利。下面是一些常用的CSS文件名命名规则。
　　主要的 master.css
　　布局，版面 layout.css
　　专栏 columns.css
　　文字 font.css
　　打印样式 print.css
　　主题 themes.css
　　当然， 在实际的使用中， 网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称， 和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。 尤其是合作人员对于CSS样式不是很精通的时候，所花费的时间势必更多。 所以，如何制定一套扩展性较好的，严格的CSS命名规范在整个互联网行业内都是有必要继续研究的。