table布局为什么会有代码冗余和性能问题等缺点？

Question

不太了解table布局，看了一些有关table布局的文章，都提到了一些table布局的缺点，如：1.显示样式和数据绑定在一起2.布局的时候灵活度不高3.一个页面可能会有大量的table元素 代码冗余度高4.增加带宽5.搜索引擎不喜欢这样的布局。。。不太理解其中的具体原因，如代码冗余这一块，用table布局的时候不是在css中设置一些table样式就可以了吗？为什么有代码冗余的问题呢？求解

Answer 1

table作为布局的方案应该很早就被广大开发者抛弃了吧？作为代替，使用div布局。现在flex布局是比较流行的。

冗余度： table > div > flex

标准的table定义应该是这样的：

<table>
  <thead>
   <tr>
    <th></th>
    <th></th>
   </tr>
  </thead>
  <tbody>
   <tr>
     <td></td>
     <td></td>
   </tr>
  </tbody></table>

你可以和div布局或者flex比较一下，就知道冗余不冗余了