このレイアウトの代替テキスト http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (現在はテーブルで完了) を実現するにはどうすればよいですか すべてのセルには、行の高さが必要です。
編集: 左の列には説明が含まれ、右の列にはデータが含まれます。したがって、これはテーブルには適していないと思います。説明をテーブル ヘッドに移動すると、2000 px の幅が必要になります。
このレイアウトの代替テキスト http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (現在はテーブルで完了) を実現するにはどうすればよいですか すべてのセルには、行の高さが必要です。
編集: 左の列には説明が含まれ、右の列にはデータが含まれます。したがって、これはテーブルには適していないと思います。説明をテーブル ヘッドに移動すると、2000 px の幅が必要になります。
セマンティックが気になり、これが定義リストの方が適している理由だと思う場合は、定義リストに関するこの公式ドキュメントをお読みください。
それは言います:
DL 要素を使用して作成された定義リストは、通常、一連の用語/定義のペアで構成されます (ただし、定義リストには他の用途がある場合があります)。
と
定義リストは、リスト項目が用語と説明の 2 つの部分で構成されているという点で、他のタイプのリストとわずかに異なります。
これは、用語 (例Anrede
) がその説明 (例Herr
) によって記述/定義されることを意味します。ここで議論することはできますが、実際には、として使用できる複数の可能な値/単語 (データ)Herr
の説明ではありません。そして定義はAnrede
Anrede
性別、卒業などに応じて人に話しかける方法。
ところで、ドイツ語以外のすべてのスピーカーにとって、Anrede は挨拶を意味します。
もちろん例外はありますが、セマンティックな観点からは、テーブルの方が適しています。
私が言いたいのは、そのようなことで自分に負担をかけないでください. これを DL タグと CSS で同じように見せることは、努力する価値がありません。データにテーブルを使用することは、本当に問題ありません。
<dl>
2列しかないので、を使用します。
それが表形式の情報である場合、表は最善ではありません。それを表示するための唯一の賢明な方法です。それが表の目的です。
それについてもう少し正式に言うと、データのセマンティクスは確かに表形式であり、それについて嘘をつく理由は世界にありません。