Question

div+css的布局较table布局有什么优点

Answer 1

table 更多面向数据表格，而且tr、td属性控制起来也没有div容易灵活多变（table布局随时面临合并单元格，一格高、宽发生变化，其他格也跟着受累）。div+css可定位可浮动，可排序，再者div+css会让代码更具可读性，想想布满编辑器的table、tr、td标签，你能分得清哪里是哪里吗！

优点总结起来就是：DIV+CSS让布局灵活易控，代码清晰易读。

Answer 2

div+css布局相对表格布局的优点:
1、符合W3C标准，结构、样式和行为分离，代码结构清晰明了，可维护性好；
2、布局精准，网站版面布局修改简单；
3、页面的加载速度快；
4、节省站点的空间、流量；
5、用只包含结构化内容的HTML代替嵌套的标签，提高搜索引擎对网页的搜索效率；

Answer 3

网页面布局:
1、TABLE表格布局。
有甚者优点：布局容易、快捷、兼容性好。
缺点：改动不便，需重新调整，工作量大。

2、DIV+CSS。
优点：布局灵活、改动方便。
缺点：需考虑平台的兼容性，对制作人员技能要求转高。

Answer 4

代码精简
　　使用div+css布局，页面代码精简，这一点相信对xhtml有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
　　表格的嵌套问题
　　很多seoer在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
　　使用table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
　　而div+css布局基本上不会存在这样的问题，从技术角度来说，xhtml在控制样式时也不需要过多的嵌套。
　　这虽然没有得到确认，但还是建议使用table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，seoer们在文章中说明了这一点，相信他们也不是没有依据的。
　　速度问题
　　div+css布局较table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。
　　另一方面，真正的seoer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。
　　对排名的影响
　　基于xthml标准的div+css布局，一般在设计完成后会尽可能的完善到能通过w3c验证。截止目前没有搜索引擎表示排名规则会倾向于符合w3c标准的网站或页面，但事实证明使用xthml架构的网站排名状况一般都不错。这一点或许会有争议，有异议者可以拿三组以上基本同等质量的网站对比观察。