HTML学习13：div和表格布局
⽂章⽬录
在⽹页中，可以使⽤div或表格布局，各有哪些优劣呢？
1、div布局
在⽹页中可以使⽤很多个 div，使⽤ div 可以将⽹页中的任何元素布局到⽹页中的任何位置。
<div ></div>
如下所⽰：
<div >
<div >泸职院</div>
<div >泸职院</div>
</div>
2、table布局
<table cellspacing="0">
<tr>
<td >
泸职院
</td>
</tr>
<tr>
<td >
泸职院
</td>
</tr>
</table>
两个布局的最终效果如下：
同样的效果，使⽤ div 布局能⽐表格更加灵活，但是我们需要根据不同的场景使⽤不同的布局⽅式，现在我们来看看两种布局的优缺点。
3、各优缺点
div元素布局
优点
符合 W3C 标准。
搜索引擎更加友好。
样式的调整更加⽅便，内容和样式的分离，使页⾯和样式的调整变得更加⽅便。
节省代宽，代码冗余度低。
表现和结构分离，在团队开发中更容易分⼯合作⽽减少相互关联性
table元素布局
优点
理解⽐较简单。
不同的浏览器看到的效果⼀般相同。
缺点
⼀个页⾯可能会有⼤量的 table 元素，代码冗余度⾼。
html网页设计 table
增加带宽。
搜索引擎不喜欢这样的布局。
布局的时候灵活度不⾼。
显⽰样式和数据绑定在⼀起。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。