Vorschlag für Semantic Markup

Question

Ich erstelle eine Web-GUI für eine Anwendung, an der ich arbeite. Dieser spezielle Abschnitt wird innerhalb einer größeren Seite sitzen, die eine gute semantische Zusammensetzung hat. Ich bin jedoch unsicher, was die beste Option ist, um den folgenden Bildschirm semantisch zu markieren.

Mein erster Gedanke ist, die obere Hälfte von der unteren Hälfte über Divs zu trennen. Daher ist Markup für die Spitze ziemlich einfach. Den Boden verlassen, wo ich mich ratlos fühle. Die einfachste Antwort ist eine Tabelle, aber dieser Inhalt passt nicht einfach zu den Tabellen, die nur für tabellarische Daten verwendet werden. Vor allem, wenn man bedenkt, dass Header in diesem Layout auffallen würden. Vorschläge?

Need Semantic Markup for this Image http://img183.imageshack.us/img183/2261/semanticmarkup.png

Answer 1

würde ich einen Tisch für den unteren Teil verwenden, da meiner Meinung nach diese tabellarischen Daten ist. Ich sehe 4 Spalten (Symbol, Projektname, Projektbeschreibung und Aktionsschaltflächen). Ich sehe keinen Grund, keine Tabelle für dieses Layout zu verwenden (ganz zu schweigen davon, dass jeder andere Ansatz, der dieses Layout richtig skalieren würde, JavaScript und eine Menge Kopfschmerzen erfordern würde, um richtig zu funktionieren).

Answer 2

Ich glaube nicht, dass es die ungeheuerste Verletzung der semantischen Markup wäre, wenn Sie das Zeug in Tabellen setzen. Außer den Knöpfen sieht es für mich ziemlich tabellarisch aus. Ich denke, dass die CSS-Götter dich freisprechen würden :)

Answer 3

Sie verletzen nichts, das das in eine Tabellenform setzt. Sicher, einige Leute werden darüber jammern, aber es ist nahe genug an Tabellendaten, die Sie auch können.

Answer 4

Ich stimme Andrew zu. Dies sind tabellarische Daten, daher sollten Sie eine <table> verwenden, aber denken Sie daran, dass Sie Tabellenkopfzeilen, Spalten und Fußzeilen richtig definieren sollten.

Ihre andere Option ist, mit einer Headerless-Tabelle zu gehen, wo Sie eine <div> für die Kopf- und Fußzeile und eine <table> als Körper verwenden würden. Ich empfehle das jedoch nicht. Ein Grund wäre, dass Sie Header für Dinge wie clientseitige Sortierung möchten, wenn Sie JavaScript verwenden.