Wenn Sie einen Kalender in HTML programmieren würden, würden Sie dann Table-Tags oder Div-Tags verwenden?

Question

Ich habe den Kalender meines Unternehmens in XSL konvertiert und alle Tabellen in divs umgewandelt. Es hat ziemlich gut funktioniert, aber ich musste anfangs viele Fehler in der 8-Tage-Woche beheben, die auf prekäre Probleme mit den Abständen zwischen den Browsern zurückzuführen waren. Aber ich habe einen anderen Beitrag gelesen, in dem es darum ging, wann man Tabellen und wann man Divs verwenden sollte, und der Konsens schien zu sein, dass man Divs nur für echte Unterteilungen zwischen Teilen der Webseite und Tabellen nur für tabellarische Daten verwenden sollte.

Ich bin mir nicht sicher, ob ich mit XSL überhaupt Tabellen hätte verwenden können, aber ich wollte diese Diskussion über Divs und Tabellen mit einer Diskussion über den idealen Weg zur Erstellung eines Webkalenders und vielleicht einer Vereinigung der beiden weiterführen.

Answer 1

Ein Kalender ist der perfekte Grund, um einen Tisch zu benutzen! Kalender enthalten von Natur aus tabellarische Daten, und HTML-Tabellen sind gut geeignet, um tabellarische Daten darzustellen. Und die HTML-Tabellenauszeichnung bietet fast alle CSS-Haken, die Sie benötigen, um CSS-Selektoren mit verschiedenen Teilen der Tabelle zu verknüpfen, um sie aufzuhübschen.

Ich bin für die Verwendung von DIVs für das Layout - aber bleiben Sie bei Tabellen für tabellarische Daten.

Hier ist ein toller Artikel darüber, wie man Tabellen mit CSS verschönern kann: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

Answer 2

Ich würde sagen, dass ein Kalender eine Tabelle ist, so dass die Tabelle das richtige Markup für seine Darstellung ist.

Edit : Definition 11 für "Tisch" von answers.com sagt:

Eine geordnete Anordnung von Daten, insbesondere eine, bei der die Daten in Spalten und Zeilen in einer im Wesentlichen rechteckigen Form angeordnet sind.

Answer 3

Ich denke, dies ist definitiv ein Fall für die Verwendung von Tabellen. Das größte Problem bei der Verwendung von divs wäre Box-Höhe für jeden einzelnen Tag sein. Wenn Sie jedes Feld mit einer Umrandung gestalten, könnten sie aus, wenn der Inhalt für einen Tag ist länger als ein anderer aussehen. Das zusätzliche Markup, um es richtig aussehen zu lassen, wäre mehr, als wenn man es mit einer Tabelle erstellen würde, also denke ich nicht, dass Divs in diesem Fall den zusätzlichen Aufwand wert sind.

Answer 4

Tabellen dienen der Darstellung von tabellarischen Daten. Ich würde also sagen <table> ist ideal.

Answer 5

Es ist sinnvoll, Tabellen zu verwenden, aber wenn Sie sich Google Calender ansehen, scheinen sie div-Tags zu verwenden. Es ist möglich, dass die Verwendung von div-Tags die Dateigröße verringert, so dass es in einer Unternehmensumgebung die "Mühe" wert sein könnte.