html布局

一、html布局主要有两种：使用div元素的布局使用span元素的布局

1.table元素布局

• 优点：

1. 理解比较简单
2. 不同的浏览器看到的效果一般相同

• 缺点：

1. 显示样式和数据绑定在一起。
2. 布局的时候灵活度不高。
3. 一个页面可能会有大量的table元素，代码冗余度高。
4. 增加带宽。
5. 搜索引擎不喜欢这样的布局。

2.div元素布局

• 优点：

1. 符合w3c标准。
2. 搜索引擎更加友好。
3. 样式的调整更加方便，内容和样式的分离，使页面和样式的调整变得更加方便。
4. 节省代宽，代码冗余度低。
5. 表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。

注意：div+css并不是我们抛弃table，因为table在显示数据时更加方便，因此我们要根据实际情况灵活应用。