为什么使用DIV或spans标签比使用表格布局"更好"？

Question

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

为什么使用带有div的标记来定义比使用表更好的所有内容(容器,标题,内容等)？我理解当你使用表格构建你的页面时:看起来很丑陋,在嵌套时看起来甚至是UGLIER,因为废话量较高 - 页面加载时间略高,代码可读性较差.

但.使用表格非常简单,并且可以节省大量时间来完成看似简单的事情,但需要注意的是使其适用于所有浏览器.

我要问的是,不是一个有点复杂的布局(或任何通常不容易用div和css完成的布局)最好用表和css的混合来解决,其中一些div包含所需的元素(处理嵌套性)所以你可以快速开发你的应用程序而不用担心它看起来像不受支持的浏览器上的垃圾？

*!编辑!*我也完全同意是的,表格是表格数据,只是语义上我觉得我应该使用无操作标签,然后命名它们并设计样式,但对于我来说,我发誓这么多次以快速建立一些东西快速,使用表BEATS试图完美地设计它适用于所有浏览器.

Answer 1

我认为这主要是关于语义.A <table>用于表示表格数据,并使用它来布置违反该表格的元素.此外,任何可以完成的事情<table>都可以通过CSS 99.9%的时间轻松或简单地完成.在其他情况下,它并没有那么容易,而且就像你说的那样,它会使标记变得丑陋且难以理解.它还违反了Web开发的基本内容,行为和表示的分离.

Answer 2

我能给出的最佳答案是,在完全处理页面之前,浏览器不知道表列的宽度,这可能导致页面明显加载时出现明显的延迟.通过使用div,内容将立即显示,如果另一个元素强制它调整大小,它将会显示,但是显示的内容没有延迟.所以这是一个更好的用户体验.