5

作業中のアプリケーション用のWebGUIを作成しています。この特定のセクションは、優れたセマンティック構成の大きなページ内に配置されます。ただし、下の画面を意味的にマークアップするための最良のオプションが何であるかはわかりません。

私の最初の考えは、divを介して上半分を下半分から分離することです。したがって、トップのマークアップは非常に簡単です。困ったところの底を残します。最も簡単な答えは表ですが、このコンテンツは、表形式のデータルールに使用される表だけに簡単に適合するわけではありません。特に、このレイアウトではヘッダーが目立つように見えることを考慮してください。提案？

この画像にはセマンティックマークアップが必要ですhttp://img183.imageshack.us/img183/2261/semanticmarkup.png

4

4 に答える 4

7

私の意見ではこれは表形式のデータであるため、下部には表を使用します。4つの列（アイコン、プロジェクト名、プロジェクトの説明、およびアクションボタン）が表示されます。このレイアウトにテーブルを使用しない理由はわかりません（このレイアウトを適切に拡大縮小する他のアプローチでは、JavaScriptと多くの頭痛の種が正しく機能する必要があることは言うまでもありません）。

于 2009-09-29T16:42:42.620 に答える
1

それをテーブルに入れれば、セマンティックマークアップの最もひどい違反になるとは思いません。ボタンを除いて、それは私にはかなり表形式に見えます。CSSの神々があなたを免れると思います:)

于 2009-09-29T16:43:54.440 に答える
1

アンドリューに同意します。これは表形式のデータであるため、を使用する必要があり<table>ますが、テーブルヘッダー、列、およびフッターを適切に定義する必要があることに注意してください。

もう1つのオプションは<div>、ヘッダーとフッターにaを使用し、本文にaを使用するヘッダーのないテーブルを使用すること<table>です。ただし、これを行うことはお勧めしません。1つの理由は、JavaScriptを使用している場合、クライアント側の並べ替えなどのヘッダーが必要になることです。

于 2009-09-29T16:47:22.890 に答える
0

あなたはそれを表形式にしたものに違反していません。確かに、それについて泣き言を言う人もいますが、表形式のデータに十分近いので、あなたもそうすることができます。

于 2009-09-29T16:46:17.493 に答える