div+css布局与table布局

使用table布局的特点
优点:

1. 对于新手而言，容易上手，尤其对于一些布局中规中矩的网页，更让人首先想到excel，进而通过使用table去实现它。
2. 表现上更加“严谨”，在不同浏览器中都能得到很好的兼容
3. 通过复杂的表格套表格的形式，也可以实现比较复杂的布局需求。布置好表格，然后将内容放进去就可以了。
4. 它可以不用顾及垂直居中的问题。
5. 数据化的存放更合理。

缺点:

1. 标签结构多，复杂，在表格布局中，主要是用到表格的相互嵌套使用，这样就会造成代码的复杂度更高！
2. 表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名

使用div+css布局的特点
优点

1. 符合W3C标准的，W3C标准提出网页由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。
2. 布局更加灵活多样，能够通过样式选择来实现界面设计方面的更多要求。
3. 布局改版方便，不需要过多地变动页面内容，通常只要更换相应的css样式就可以将网页变成另外一种风格展现出来。
4. 布局可以让一些重要的链接和文字信息等优先让搜索引擎抓取，内容更便于搜索。
5. 增加网页打开速度，增强用户体验。

缺点

1. 开发技术高，要考虑兼容版本浏览器。目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
2. CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，

有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。

总结

div+css改版的时候更方便 只要改 css 文件。

页面加载速度更快、结构化清晰、页面显示简洁。

表现与结构相分离。 易于优化（seo）搜索引擎更友好，排名更容易靠前。