Czy jest semantyczna w wyświetlaniu telefonu, wiadomości e-mail i faksu?

Question

jest następujący code semantyczny wykorzystanie 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> 

niesformatowany, będzie to wyglądać tak:

Wydaje się być dane tabelaryczne do mnie. (Tak więc, nie tylko jest to zrobione dla układu - chociaż efektem ubocznym jest to, że pomaga mieć równe kolumny.)

Answer 1

Jeśli umieszczasz swój kontakt w <table> wyłącznie w celach związanych z układem, lepiej jest użyć css w stylu <dl>. Identyfikatory pojawią się w <dt> s, a dane w <dd> s.

Ale jeśli faktycznie wyprowadzasz tabelę z wieloma kontaktami, to prawidłowym elementem będzie <table>. Nie zapomnij użyć <th> s dla identyfikatorów i <td> s dla danych.

Answer 2

Nie ma tu czarno-białej odpowiedzi, ale to nie są dane tabelaryczne.

Nie ma absolutnie żadnego powodu, że dane kontaktowe będą wymagały równych kolumn, co jest czysto kosmetyczną korzyścią ze stolików i leży w gestii projektanta. Nie używałbym tabel dla tego rodzaju danych, trzymałbym się innych elementów, a następnie tworzyłem równe szerokości za pomocą CSS.

Chciałbym zdefiniować dane tabelaryczne jako dane, które można zobaczyć w arkuszu kalkulacyjnym.