<div> 元素代替 <table>?
https://stackoverflow.com/questions/819237
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
解决方案
几个原因：
1)div是更多的语义上是正确的，在大多数情况下。人代码，他们的网站在表结构不使用表格为什么他们做的，这是表格数据。div代表一个"部门"或部分的页面，所以把项目在div是比较正确的。
2)div更加灵活和更易于风格和维护。你没有写 <table><tr><td>Text here</td></tr></table> 每次你想来说些什么的时候你可以写信 <div>Text here</div> 代替。你可以添加css挂钩(即，课程或单元)两者表和div，但与div它是无限更加灵活。
3)表结构化的网站只是普通的丑:)
其他提示
这里的关键点是使用他们的布局。没有什么不妥表格以表格 数据, ，你介意.这就是他们在做什么。
但是当你是用桌布局，你创建的一个非常严格的页的结构，该结构通常不会播放以及与不同的屏幕上的大小，用户代理的(为移动浏览器或屏幕阅读器用于盲人。尤其是在后一种情况下你正在破坏任何顺序的内容应该读给用户)。不幸的是表仍然是一个最强大的机制奠定了一个网页，因为有几乎不同的实现和他们的工作超过十年的完美—CSS是一个完全不同的问题在这里。
但基本上它下来到这个：
表
- 违反区别的内容和形式
- 是不实用和不可维护，在很长的运行，特别是当试图改变布局的多个页面相似的方式
- 没有强烈的语义含义，这是重要的，对于受损的人可以仅仅依靠朗读案文。表阅读这里逐行逐列它几乎总是不太有助于在基于表布局
CSS布局
- 是难以获得的权利(至少对介绍)
- 允许用于(有时)完全分离的内容，并介绍。注意有时因为你经常需要使用多个容器中的元素HTML允许一些布局和风格的工作权利，因为CSS有一定的局限性
- 允许更好的语义含义的基本标记 森林论坛 你不要盲目使用
<div>和<span>.有许多的标记，有的意义并应该被用作这样。例如，不用<div class="heading1">当你可以使用<h1>.
因为表传达了一个语义含义-是，你就是目前显示的数据的表格，就像h1意味着你有一个标题。所以，如果您使用的表格式的输出你是误导性的解释的语义，你的代码。
例如，这可以导致无障碍问题为人使用一个屏幕阅读器。
这里是的 赞成&弊div基于&基于表格的设计.
使用div是比使用表格，因为很容易控制的设计和它可以容器，用于控制比表和表mainlt用于组数据呈三角的结构，因此它的设计是出于这一任务，但div被认为是容器的主要比表。我们发现之间的差异时收集的许多控制，并在我可以控制的容器，但表我弄糊涂了因为我已经插入内部及其循环内。
大多数人在关于如何表应该被用于数据只和它引入了业绩问题时使用它的布局的目的。此外，它应该更为灵活，因为可以使 <div> 流留、流动权利和流动。
但是，恕我直言，这并不值得努力。尤其是当你已经列的控制，都应该以适当地与其对应的标签，它只是需要太长时间把事情给线正确。
使用桌布局是革命性的，用于网页设计，但是这是十五年前，没有其他选择。这是因为这种历史表甚至认为对布局的今天。
基于CSS布局更加灵活的基于表布局。仍然有一些东西，更易于完成的表格，但另一方面还有很多事情，是很容易做到的有CSS，这是非常复杂或者不可能做到与表。
我告诉你我的个人的原因主要使用div:
表只是一个静态的电网，而div是动态：表第一行定义的所有cols(如在MS Excel)。在接下来的行你只能结合这些cols但是你不能改变基本布局有定义内的第一行。Div是动态：你可以创建一个拼凑而成的，让div重叠或把一些空间之间。任何你想要的。你不会被强迫认为行。你是免费的。更多的灵活性。
表导致呈现和跨浏览器的不兼容问题：表看起来不总是相同的。每个浏览器提供了你自己的解释的表及其内容。因此，一个很大的不舒服的惊喜。一浏览器显示你经常的案文为粗体字体。另一浏览器给你表或多或少保证金的其他html元素，因此，表中都没有得到很好的定位。这是个小时的工作来解决这些问题的复杂解决办法。Div总是看起来是一样的，在所有的浏览器。甚至即(谁是众所周知的麻烦制造者以webprogrammers)是造成较少的问题，如果您使用的div.
Div呈现更快：Div载荷速度比表。快速浏览之间的网页。更好的外观和感觉。
希望这有所帮助。欢呼声。
我使用CSS和表和有时Div，但该表是以全面！他们看起来很漂亮在Photoshop，头版...它是如此难以得到表达，但它似乎是我会的，因为它是必要的，以使我的网页上载快！
