[Hinweis: Für diejenigen, die diese Frage möglicherweise mit "Warum nicht Tabellen für HTML-Layout verwenden" verwechseln, stelle ich diese Frage nicht. Die Frage, die ich stelle, ist, warum sich ein Rasterlayout grundlegend von einem Tabellenlayout unterscheidet.]

Ich recherchiere in CSS-Bibliotheken (insbesondere Bootstrap) für ein Projekt. Ich bin eher ein Programmierer als ein Webdesigner und ich glaube, ich könnte von einer Bibliothek profitieren, die gutes Design verkapselt.

Wir alle wissen, dass es keine gute Praxis ist, HTML-Tabellen zu verwenden, um ein grundlegendes Site-Layout zu erzielen, da es die Präsentation mit dem Inhalt vermischt. Einer der Vorteile von CSS-Bibliotheken wie Bootstrap ist, dass sie die Möglichkeit bieten, "Raster" -Layouts ohne Verwendung von Tabellen zu erstellen. Ich habe jedoch ein wenig Probleme zu verstehen, wie sich ihre Rasterlayouts in irgendeiner Weise von dem entsprechenden Tabellenlayout unterscheiden.

Mit anderen Worten, was ist das?grundlegend Unterschied zwischen diesen beiden Beispielen von HTML? Bin ich falsch, wenn ich denke, dass das Rasterlayout einfach eine Tabelle mit einem anderen Namen ist?

<div class="row">
    <div class="span16"></div>
</div>

<div class="row">
    <div class="span4"></div>
    <div class="span4"></div>
    <div class="span4"></div>
    <div class="span4"></div>
</div>

und

<table>
  <tr>
    <td colspan=4></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>