Malditas tablas (Parte 1)

Las tablas en Blogger son un problema hasta que descubrimos algo: hay que escribir todo el código en una sola línea. Si nos acostumbramos a indentar para que las cosas sean claras, mejor nos olvidamos de lo aprendido. Este código:

<table>
<tr>
 <td>
     ... cualquier cosa ...
 </td>
</tr>
</table>

se vería como si hubiéramos escrito varias líneas en blanco que, generalmente se apilarán en la parte superior. El modo "correcto" sería este:

<table><tr><td>... cualquier cosa ...</td></tr></table>

y que Diós los ayude a entender lo que escribieron.

En su trabajo HTML correcto, Daniel Clemente dice:

Las tablas no son necesarias, pero los que no conocen CSS las usan para cualquier cosa. Casi no hacen falta.

Las tablas (<table>) pocas veces son necesarias en Internet. Debes usarlas cuando tienes que mostrar unos datos en estructura tabular, o sea, organizados en filas y columnas. Por ejemplo, la tabla periódica, o una correspondencias entre euros y pesetas.

Nunca las uses para centrar, aplicar bordes, o separar objetos. Para todo eso está el CSS, que es mucho más cómodo, corto, y no lía a los navegadores.

Su trabajo es muy interesante, una lectura obligada para cualquier interesado en la creación de páginas web y puede bajarse en formato PDF desde AQUÍ.

Él, como muchos otros desarrolladores han contraido una especie de fobia por este tipo de solución y se muestran partidarios de lo que se conoce como Layouts en CSS, que no es otra cosa que eso con lo "peleamos" cuando queremos modificar las plantilas de Blogger: un diseño basado en tags DIV y sus propiedades (posición, tamaño, etc).

Como no soy ningún experto y sólo tengo el título de usuario, me voy a atrever a disentir con ese criterio. Las tablas, como cualquier otro elemento del lenguaje no son más que una herramienta y serán tan "buenas" o tan "malas" como quién las opere. En mis manos, un martillo termina transformando cualquier cosa en un dedo sangrante, en manos de Miguel Angel, convertirá un pedazo de piedra en el David. La diferencia está entre él y yo, no es culpa del martillo.

Mi humilde consejo es: usen la herramienta que les resulte más cómoda y mantengan los ojos abiertos para ver qué puede mejorarse.

No cabe la menor duda que el tag TABLE es cómodo, fácil de usar y sobre todo, fácil de entender ya que podemos asociarlo mentalmente con una hoja cuadriculada y "diseñar" cosas relativamente complejas sin necesitar grandes conocimientos. Si a esto le unimos las bondades del CSS, no serán Tablas semánticamente correctas pero los resultados serán más que aceptables.

Cosas Sencillas tiene un artículo muy interesante: Soluciones modernas a las tablas tipo "cebra" con CSS con un muestrario de tablas modernas.

También puede consultarse:

w3.org Tables and HTML

w3.org Tables and CSS

Sortable Tables

Advanced HTML Tables and CSS Tutorial

Creating Accessible Tables

HTML Tables best practice

CSS Tables