Why do table layouts have shortcomings such as code redundancy and performance problems?

I don"t know much about table layout. I read some articles about table layout, all of which mentioned some shortcomings of table layout, such as
1. Display style and data are bound together
2. The flexibility of layout is not high
3. A page may have a large number of table elements with high code redundancy
4. Increase bandwidth
5. Search engines don"t like this layout
.
doesn"t quite understand the specific reasons, such as code redundancy. Can"t you just set some table styles in css when using table layout? Why is there a problem of code redundancy?

solve

Aug.11,2021

table as a layout solution should have been abandoned by the majority of developers a long time ago, right? Instead, use the div layout. Flex layout is quite popular now.

redundancy: table > div > flex

The

standard table definition should look like this:

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

you can compare with div layout or flex to see that redundancy is not redundant

Menu