html - 表形式のデータを HTML で表示する

Question

いつもテーブルを使っていました。しかし、最近の HTML デザインではテーブルの使用は絶対に禁止されていると聞いています。最新の HTML で表形式のデータを表示するための適切で「受け入れられている」方法は何ですか?

私はこのようなことをしたいと思います:

First_Name Last_Name 電話番号
ブリトニー・スピアーズ 555-555-5555
ジョン・ボン・ジョヴィ 444-444-4444

これにテーブルを使用してはいけない理由については、100% 明確ではありません。しかし、<li>CSS を使用して 's のように振る舞う 's を使用している<div>人々を見てきました。

HTML と CSS を使用して、このようなデータを設定するにはどうすればよいでしょうか?

score 6 · Accepted Answer

これにはテーブルを使用する必要があります。

表形式のデータなので、HTML テーブルに属します。

テーブルは、レイアウトに多用されているため、評判が悪い。しかし、それらは悪ではなく、Web ページにデータの表を表示するときに使用するのに完全に受け入れられる要素です。

score 6 · Accepted Answer

あなたの例は、仕様で説明されているように、テーブルの完全に有効な使用法です（強調鉱山）：

table 要素はテーブルを表します。つまり、複数の次元を持つデータです。

表形式のデータに CSS を使用することは可能ですが、幅 100%、セルの高さが等しい、テキストの折り返し、オーバーフローなどを処理するのは非常に困難になります。一方、divまたはdlまたはolではありません。

テーブル以外の要素でよりテーブルのようなレイアウトをサポートするさまざまな表示タイプがありますが、現時点ではこれらはうまく実装されていません。

score 4 · Accepted Answer

表形式のデータの場合は、table 要素を使用してください。それがその目的であり、まだここにあり ( HTML5 標準を参照)、推奨されています。

CSS を使用して画面をレイアウトできる場合は、テーブルを使用して画面をレイアウトしないでください (すべてのケースの 99% 強)。

3 に答える 3