基于布局与Div

可能重复:
为什么不在HTML中使用表格进行布局?

我只是想知道基于表格的布局和基于div的布局之间的区别。 我什么时候应该使用什么,为什么?

提前致谢。


很简单,基于表格的布局是组织内容位置的旧方式,divs是更新的方式。 把它们想象成不可见的矩形(除非你选择使它们可见),它们持有内容,并且都具有它们的优点和缺点,如何定位它们。

您几乎可以将div放入桌面可以放置的几乎所有场合中,而您可以使用div做很多定位,而无法使用表格。 这是使用表格布局页面的原因之一。

表格并没有完全消失。 他们仍然非常擅长(有趣的)基于表格的信息或统计数据显示。 考虑excel类型的布局。


表格只能用于表格数据。 它真的是那么简单。

至于为什么; 网站布局不是表格数据。

此外,表格会在您的网页中使用更多代码。 例如; 要创建一个“盒子”,你可以这样做:

<table>
  <tr>
    <td>Box Content</td>
  </tr>
</table>

或这个

<div>
  Box Content
</div>

随着div你可以玩绝对位置。 所以你可以在你的网页上放置一千个div。 你也可以把div放在z-index之上,这对于table来说更加困难。

该表看起来不太灵活,但让您看起来更加结构化,并且在浏览器之间更兼容。

我的建议。 用桌子制作你的主体结构,并把它放在你的div里面。

链接地址: http://www.djcxy.com/p/15485.html

上一篇: Based Layout vs Div

下一篇: Is it ok to still use tables?