Frage

Wie kann ich dieses Layout erreichen alt text http://img195.imageshack.us /img195/1870/screenshot20091212at151.jpg (sein jetzt mit Tischen getan) und hat noch semantisches Markup, ich denke, das am besten geeigneten Tag für diesen dl sein würde. Jede Zelle muss die Höhe ihrer Reihe hat.

EDIT: die linke Spalte enthält die Beschreibung und das Recht, die Daten. Also ich glaube nicht, dass dies für Tabellen gut geeignet ist. Es wäre, wenn ich die Beschreibung auf den Tabellenkopf bewegen würde, aber das würde 2000 px Breite

War es hilfreich?

Lösung

Wenn Sie besorgt über die semantische sind und denken, dass dies der Grund ist, warum eine Definitionsliste besser geeignet ist, lesen Sie amtliches Dokument über Definitionsliste.

Dort heißt es:

  

Definition Listen erstellt das DL-Element verwendet wird, im Allgemeinen aus einer Reihe von term / Definition Paaren bestehen (obwohl Definitionslisten andere Anwendungen haben können)

und

  

Definitionslisten unterscheiden sich nur geringfügig von anderen Arten von Listen, dass Listenelemente bestehen aus zwei Teilen: einer Laufzeit und einer Beschreibung.

Das bedeutet, der Begriff (z.B. Anrede) beschrieben / definiert durch seine Beschreibung (z.B. Herr ). Wir können hier streiten, aber Herr ist nicht wirklich eine Beschreibung Anrede es einen möglichen Wert / Wort (Daten) Sie verwenden können, wie Anrede ist. Und eine Definition wäre

  

Eine Möglichkeit, Personen zu adressieren, je nach Geschlecht, Graduierung etc.

Btw für alle nicht Deutsch Lautsprecher, Anrede bedeutet Anrede.

Natürlich gibt es Ausnahmen, aber von einer semantischen Sicht eine Tabelle paßt besser.


Alles, was ich sagen möchte, ist: nicht belasten, sich mit solchen Dingen. Um dies zu erhalten, das gleiche mit DL-Tags und CSS-Suche ist nicht die Mühe wert. Um Ihre Daten eine Tabelle zu verwenden, ist in Ordnung, wirklich.

Andere Tipps

Wenn es Informationen in Tabellenform ist, dann eine Tabelle ist nicht die beste, es ist die nur sinnvolle Art und Weise zu zeigen - das ist, was Tabellen wurden gemacht für

Um ein bisschen mehr formal darüber zu sein, die Semantik der Daten ist in der Tat tabellarisch, gibt es keinen Grund in der Welt darüber zu liegen.

Ich möchte einen <dl> verwenden, da es nur 2 Spalten ist.

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