在HTML中,使用div而不是使用表有什么好处？

Question

经过多年的后端算法和分析工作,我最近被迫做了一些"HTML工作".(而且你们现在有一些叫做jQuery的东西,是吗？)Anyhoo,当我以前做HTML时(在XHTML之前),表非常常见.现在,我看到了对"div"和"无表格"等敬意的大量支持.为了赶上我错过的岁月,div比桌子更受欢迎的原因是什么？[我最近尝试在div中做一个简单的两列表(66%,33%),并且瘀伤仍然很新鲜.

我意识到问题可能是主观的,所以作为一个特定的子问题:什么是简单和简洁的基于div的HTML,呈现下表:

<table>
      <tr>
         <td width="33%">Name</td>
         <td width="67%">Description</td>
     </tr>
     <tr>
         <td>National Hockey League</td>
         <td>A much longer paragraph about the league</td>
    </tr>
</table>

Answer 1

表不应用于页面布局,因为它们是:

• 慢速呈现,因为浏览器需要下载大部分(如果不是全部)表来正确呈现它

• 它们需要更多的HTML然后是非表格布局,这意味着加载和渲染速度更慢以及带宽使用量增加

• 它们可能是一个噩梦,因为它们可以快速复杂化

• 他们可以打破文本复制

• 它们会对屏幕阅读器产生负面影响,并可能使某些用户无法访问您的cone\tent

• 它们不像使用适当的语义标记那样灵活

• 它们从未打算用于页面布局