Frage

Ich bin die Schaffung einer Web-GUI für eine Anwendung an dem ich arbeite. Dieser besondere Abschnitt innerhalb einer größeren Seite sitzen, die von einem guten semantischen Make-up ist. Ich bin aber nicht sicher, was die beste Option semantisch den folgenden Bildschirm auf Markup.

Mein erster Gedanke ist die obere Hälfte von der unteren Hälfte über divs zu trennen. Daher Markup für die oben ist recht einfach. Beim Verlassen des Boden, der ist, wo ich ratlos fühlen. Die einfachste Antwort ist eine Tabelle, aber dieser Inhalt nicht leicht die einzige Verwendung Tabellen für tabellarische Daten Regel passen. Besonders wenn man bedenkt, dass Header in diesem Layout auffällig aussehen würde. Vorschläge?

benötigen Semantic Markup für dieses Bild http://img183.imageshack.us/img183/2261/semanticmarkup.png

War es hilfreich?

Lösung

Ich möchte einen Tisch für den unteren Teil verwenden, da meiner Meinung nach diese ist Tabellendaten. Ich sehe 4 Spalten (Symbol, Projektnamen, Projektbeschreibung und Aktionstasten). Ich sehe kein Grund, nicht eine Tabelle für dieses Layout zu verwenden, um (nicht zu erwähnen, dass jeder anderer Ansatz, der dieses Layout Maßstab richtig erfordern würde JavaScript machen würde und eine Menge Kopfschmerzen Recht auf Arbeit).

Andere Tipps

Ich glaube nicht, dass es die ungeheuerliche Verletzung von semantischem Markup, wenn Sie das Zeug in Tabellen setzen. Mit Ausnahme der Tasten, sieht es ziemlich tabellarisch mir. Ich denke, die CSS Götter würde entbinden Sie:)

Ich bin mit Andrew. Dies ist tabellarische Daten, so dass Sie eine <table> verwenden sollten aber bedenken, dass Sie sollten Tabellenüberschriften, Spalten und Fußzeilen richtig definieren.

Die andere Option ist mit einem headerless Tisch zu gehen, wo Sie ein <div>for des Kopf- und Fußzeile und einem <table> wie der Körper verwenden würden. Allerdings habe ich nicht empfehlen, dies zu tun. Ein Grund wäre Sie Header für Dinge wollen würde, wie clientseitige Sortierung, wenn Sie JavaScript verwenden.

Sie verletzen nicht alles, was in Tabellenform setzen. Sicher, jammern einige Leute darüber, aber es ist nahe genug, um tabellarische Daten, die Sie vielleicht auch.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top