È la semantica <table> per la visualizzazione di telefono, e-mail e fax?

Question

è la seguente code uso semantico della HTML tables?

<table> 
    <tbody> 
    <tr> 
     <th>Phone</th> 
     <td>+1234567</td> 
    </tr> 
    <tr> 
     <th>Email</th> 
     <td><a href="mailto:name@example.com">name@example.com</a></td> 
    </tr> 
    <tr> 
     <th>Fax</th> 
     <td>+1234568</td> 
    </tr> 
    </tbody> 
</table> 

non formattato, sarà simile a questa:

sembra essere dati tabulari per me. (Quindi, non solo per il layout, anche se un effetto collaterale è che aiuta ad avere colonne uguali.)

Answer 1

Se si sta inserendo il contatto in <table> esclusivamente per scopi di layout, è consigliabile utilizzare css in stile <dl>. Gli identificatori andrebbero in <dt> se i dati in <dd> s.

Ma se si sta effettivamente emettendo una tabella di più contatti, allora <table> sarebbe l'elemento corretto da utilizzare. Non dimenticare di usare <th> s per gli identificatori e <td> s per i dati.

Answer 2

Non c'è una risposta in bianco e nero qui, ma non sono dati tabulari.

Non vi è alcun motivo per cui i dettagli del contatto richiederebbero colonne uguali, che è un vantaggio puramente cosmetico delle tabelle ed è a discrezione del progettista. Non userei le tabelle per quel tipo di dati, mi limiterei ad altri elementi e quindi creerei le stesse larghezze con i CSS.

Definirei dati tabulari come dati che ci si potrebbe aspettare di visualizzare su un foglio di calcolo.