html - 電話、電子メール、およびファックスを表示するためのセマンティックですか？次のコードはHTMLテーブルのセマンティックな使用ですか？ 質問する

Question

次のコードはHTMLテーブルのセマンティックな使用ですか？

<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>

フォーマットされていない場合は、次のようになります。

私には表形式のデータのようです。（したがって、レイアウトのためだけでなく、副作用として、列を等しくするのに役立ちます。）

Answer 1

<table>レイアウトの目的でのみ連絡先を配置する場合は、cssスタイルを使用することをお勧めします<dl>。識別子は<dt>sに、データは<dd>sになります。

ただし、実際に複数の連絡先のテーブルを出力している場合は、<table>使用する正しい要素になります。<th>識別子にはsを使用し、データにはsを使用することを忘れないでください<td>。

Answer 2

ここには白黒の答えはありませんが、それは表形式のデータではありません。

連絡先の詳細が等しい列を必要とする理由はまったくありません。これは純粋にテーブルの見た目上の利点であり、設計者の裁量に任されています。そのようなデータにはテーブルを使用せず、他の要素に固執し、CSS で等幅を作成します。

表形式のデータを、スプレッドシートに表示されると予想されるデータと定義します。