div+css布局与Table布局

一、div+css是什么？

div是框架，css是样式，用来装饰框架的。div+css布局是指使用HTML的div元素和CSS样式实现页面布局。

• 优点：

div+CSS布局可以实现更灵活的布局，可以轻松实现响应式布局和移动端适配，同时也有利于SEO（搜索引擎优化）优化。

• 缺点：

对于复杂度表格布局，div+css布局可能需要更多的代码来实现，有有时候会增加开发复杂度。

• 适用场景：

适用于大部分网页布局，尤其是需要实现响应式和移动端适配的页面。

二、Table布局 

Table布局是指使用HTML的table元素来实现页面的布局。table 标签的语言根本不是用来做布局的，而是用来传递数据的

• 优点：

Table布局简单易懂，对于一些简单的表格布局，使用table元素可以更加方便快捷。

• 缺点：

Table布局不够灵活，不利于实现复杂的布局需求，也不利于SEO优化。

• 适用场景：

适用于简单的表格布局，比如展示数据表格等。

三、div+css与Table布局对比

• div+css相对于Table更灵活，用Table布局，代码臃肿。
• 从语义上来说，Table一般只是表格数据的容器，进行数据传递，不是布局的工具
• 样式渲染问题，Table布局需要等内容全部加载完毕后才渲染样式，如果用户网速不好，这样的用户体验也很差。