DIV + CSS 到底是什么意思？

在很久很久以前，web工程师通过table进行页面布局（现在Google的picasa等应用还能找到table布局应用的例子），现在页面布局大都推荐div+css方式。

所谓的div+css是指通过css控制div的布局。其实这儿div可以理解为统称，实际应用的不仅是div，还有p，span，img，table等任意节点的定位都可以通过css来控制。

简要对比一下：

1、div+css相对于table更为灵活，用table布局，代码臃肿。

2、语义性问题。从语义上来说，table应该只是表格数据的容器，不应该是布局的工具。

3、样式渲染问题。table布局要等内容全部加载完毕后才渲染样式，如果用户网速不好，这样用户体验会很差。

拙见。欢迎指正。

公司企业网站建设制作之DIV+CSS布局对于网站优化有什么好处！ 代码精简 使用DIV+CSS布局，页面代码精简，这一点对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录有更好的作用。 使用DIV+CSS布局，页面代码精简，这一点对XHTML有所了解的都知道。代码精简所带来的直接好处有两点： 一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量能提高; 二是由于能高效的爬行，就会受到spider喜欢，对收录数量有一定提高。 对排名的影响 基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但樂思蜀本人保持这样的观点，有异议者可以拿三组以上基本同等质量的网站对比观察。 避免表格的嵌套问题;很多SEO在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。 使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。 而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，HTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明了这一点，相信他们也不是没有依据的。 速度问题 DIV+CSS布局与Table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是很有利的。过多的页面代码可能会造成爬行超时，spider就会认为这个页面是无法访问的，影响收录及权重。 另一方面，真正的SEO优化不只是为了收录、排名。能快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 这种情况应该不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录质量的不同。 本文已经分享完毕！感谢阅读与支持！如果您还有兴趣的话，可以找找我之前写过的一篇文章《王晴儿:谈谈企业应如何避免低价网站建设制作猫腻与骗局？》，让您减少被建站公司忽悠80%的几率，可以让您对建站行业有个更加清晰的认识。 既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。欢迎大家一起交流与进步，如果说得不好之处，欢迎各位拍砖与指正，谢谢！如果 您有网页UI设计、企业建站、电商视觉设计、淘宝网店装修方面的问题，可以找王晴儿交流探讨。虽已从业7年，但是仍不忘初心，我的座右铭：越努力，越幸 运！越沟通，越亲近！合作不合作不要紧，合作不成情意在，我也很喜欢结交各行各业的朋友。