Tablas HTML

Las tablas HTML son la herramienta correcta para datos tabulares: horarios, comparativas de precios, resultados deportivos, hojas de cálculo. La estructura es: table contiene thead (encabezados) y tbody (cuerpo). Cada fila es un tr, cada celda de encabezado un th, y cada celda de datos un td.

Un error histórico fue usar tablas para el layout visual de páginas web. En los años 90-2000 era común, pero hoy es incorrecto: mezcla estructura con presentación, es imposible de mantener, y arruina la accesibilidad. Para layouts usa Flexbox o Grid. Las tablas solo para datos tabulares.

<table>
  <caption>Lenguajes de programación</caption>
  
  <thead>
    <tr>
      <th>Lenguaje</th>
      <th>Creado</th>
      <th>Uso principal</th>
    </tr>
  </thead>
  
  <tbody>
    <tr>
      <td>Python</td>
      <td>1991</td>
      <td>IA, Data Science</td>
    </tr>
    <tr>
      <td>JavaScript</td>
      <td>1995</td>
      <td>Web</td>
    </tr>
    <tr>
      <td>Java</td>
      <td>1995</td>
      <td>Empresarial, Android</td>
    </tr>
  </tbody>
  
  <tfoot>
    <tr>
      <td colspan="3">Datos actualizados 2024</td>
    </tr>
  </tfoot>
</table>