Category Archives: table

Tabelle o non Tabelle?

Maccavolo.. uno ha passato diversi anni a stabellare decine di siti web fatti in html1 per passare a qualcosa che assomigli al 4.. e poi..
ti esce l’html5 e ti dicono.. <<AH, puoi di nuovo usare le tabelle!>>
SBAGLIATO!
 
vero che hanno reintrodotto le tabelle nell’html e c’è anche un nuovo corrispettivo nei CSS3..
ma come ricordano su STAckOverflow..
 

Simple rule – Use tables for tabular data, use other elements for designing layout.

Semplice regola – Utilizzare le tabelle per i dati tabulari, utilizzare altri elementi per la progettazione di layout.

 
Cioè ricordati sempre che l’html è per il contenuto, il CSS è per l’aspetto..
quindi se è per una questione estetica, non osare infilare delle tabelle nell’html, ma usa  display: table;  table-cell,  table-row... etc
se proprio vuoi un layout preciso, marziale ed incolonnato…
se invece ti scopri pensare alle tabelle perchè hai proprio dei dati che non avrebbero senso se mostrati fuori da una tabella, allora, quella ha un significato diciamo contenutistico..
e quindi hai il via libera di metterlo nell’html..
Ok, l’ho fatto 😉
e mi son lavata la coscenza scrivendo questo post!
e quindi anche qui ripassino:

<table>
    <tr>
        <th>tabellina del 2</th>
        <th>tabellina del 3</th>
      </tr>
      <tr>
        <td>4</td>
        <td>6</td>
      </tr>
      <tr>
        <td>8</td>
        <td>9</td>
      </tr>
</table>

Così:

tabellina del 2 tabellina del 3
4 6
8 9