表のように表示されたデータリスト

Question

どうすればこのレイアウトを実現できますか代替テキスト http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg （現在はテーブルで完了しています）そしてセマ​​ンティックマークアップがまだあるので、これに最適なタグはdlであると思います。すべてのセルには行の高さがなければなりません。

編集：左側の列には説明が含まれ、右側にはデータが含まれます。そのため、テーブルにはあま​​り適していないと思います。説明をテーブルの先頭に移動するとそうなりますが、幅が 2000 ピクセルかかります

Answer 1

セマンティクスが気になり、これが定義リストの方が適している理由だと思う場合は、これをお読みください。 公式文書 定義リストについて。

こう書かれています。

DL 要素を使用して作成された定義リストは、通常、一連の用語と定義のペアで構成されます (ただし、定義リストには他の用途がある場合もあります)。

そして

定義リストは、リスト項目が 2 つの部分で構成されているという点で、他のタイプのリストとわずかに異なります。用語と説明。

それは用語を意味します（例： Anrede) はその説明によって記述/定義されます (例: Herr）。ここで議論することもできますが、 Herr 実際には～の説明ではありません Anrede これは、次のように使用できる値/単語 (データ) の 1 つです。 Anrede. 。そして定義は次のようになります

性別、卒業などに応じて人を呼ぶ方法。

ところで、ドイツ語を話さないすべての人にとって、アンレーデは挨拶を意味します。

もちろん例外はありますが、意味論的な観点からは、テーブルの方が適切です。

---

私が言いたいのは次のことだけです。そんなことで自分に負担をかけないでください。これを DL タグと CSS で同じように見せるのは、努力の価値はありません。データにテーブルを使用するのは問題ありません。

Answer 2

それは表形式の情報だ場合、表が最善ではありません。

、、それを表示するためののみの賢明な方法だ - それは、テーブルがために作られたものです。

！

もう少しフォーマルなそれについてであるためには、あなたのデータのセマンティクスが実際に表形式で、それについて嘘をつく世界に理由はありません。

Answer 3

それがわずか2列であるので、私は、<dl>を使用することになります。