[Nota: para aquellos que pueden estar confundiendo esta pregunta con "por qué no usar tablas para el diseño HTML", no estoy haciendo esa pregunta. La pregunta que hago es por qué un diseño de cuadrícula es fundamentalmente diferente de un diseño de tabla.]

Estoy investigando bibliotecas CSS (en particular Bootstrap) para un proyecto. Soy un programador en lugar de un diseñador web y siento que podría beneficiarme de una biblioteca que encapsula un buen diseño.

Todos sabemos que es una mala práctica usar tablas HTML para lograr el diseño básico del sitio porque combina la presentación con el contenido. Uno de los beneficios proporcionados por las bibliotecas CSS como Bootstrap es que ofrecen la posibilidad de crear diseños de "cuadrícula" sin usar tablas. Sin embargo, estoy teniendo un pequeño problema al entender cómo sus diseños de cuadrícula difieren de alguna manera significativa del diseño de tabla equivalente.

En otras palabras, ¿cuál es elfundamental ¿Diferencia entre estos dos ejemplos de HTML? ¿Me equivoco al pensar que el diseño de la cuadrícula es simplemente una tabla con otro nombre?

<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>

y

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