Ist es gut, Tabellen in HTML 5 zu verwenden? [closed]

Ich muss Post- und zugehörige Daten in einem spaltenweisen Raster anzeigen und benötige dies auf jeden Fall table für die als Ausrichten divs in einer Zeile, mit floats ist eine zeitaufwändige Sache!

Ich freue mich über Ihre Bewertungen zu Do’s and Don’t for Tables in HTML5!

Einfache Regel – Verwenden Sie Tabellen für tabellarische Daten, verwenden Sie andere Elemente für die Präsentation (Entwerfen von Layouts mit CSS) wie z div, section, aside, nav usw . die den Inhalten, die sie besitzen, eine Bedeutung verleihen, anstatt sie zu verwenden table für alles

Tatsache ist, dass Entwickler in den 90er Jahren Tabellen zum Entwerfen ihrer Layouts verwendeten, aber jetzt ist die neue CSS3-Spezifikation erstaunlich, sie gibt Ihnen so viel Einfluss auf das Entwerfen von Layouts wie FlexBox, column-countkann das Verhalten des Boxmodells mit geändert werden box-sizing Eigentum werden responsive Designs immer besser und besser verwendet @media Anfragen, grids etc., was man damit nicht erreichen kann table Element … und daher table wird nur zum Speichern von Tabellendaten verwendet.

Ich habe viele Entwickler gesehen, die diesen Eindruck hatten table sollte sein komplett ignoriertund stattdessen verwenden sie eine ganze Menge von div mit 100 Zeilen CSS, Anwendung display: table; table-cell table-row Eigenschaften, nur um eine einzelne Tabelle in Ordnung zu bringen.

Also auch in HTML5 ist es VOLLSTÄNDIG OK, wenn Sie Tabellen für verwenden Tabellendaten.

Von W3 Org: (v4.01)

Tabellen sollten nicht nur als Mittel zum Layouten von Dokumentinhalten verwendet werden, da dies Probleme beim Rendern auf nicht-visuellen Medien darstellen kann. Wenn sie mit Grafiken verwendet werden, können diese Tabellen Benutzer außerdem dazu zwingen, horizontal zu scrollen, um eine Tabelle anzuzeigen, die auf einem System mit einer größeren Anzeige entworfen wurde. Um diese Probleme zu minimieren, sollten Autoren verwenden Stylesheets statt Tabellen das Layout zu steuern.

Von (HTML5)

Tabellen sollten nicht als Gestaltungshilfen verwendet werden. In der Vergangenheit haben viele Webautoren Tabellen in HTML verwendet, um ihr Seitenlayout zu steuern, was es schwierig macht, tabellarische Daten aus solchen Dokumenten zu extrahieren. Insbesondere Benutzer von Tools zur Barrierefreiheit, wie z. B. Screenreadern, finden es wahrscheinlich sehr schwierig, auf Seiten mit Tabellen zu navigieren, die für das Layout verwendet werden. Wenn eine Tabelle zur Gestaltung verwendet werden soll, muss sie mit dem Attribut gekennzeichnet werden role="presentation" für einen Benutzeragenten, um die Tabelle für eine unterstützende Technologie richtig darzustellen und die Absicht des Autors richtig an Tools zu übermitteln, die tabellarische Daten aus dem Dokument extrahieren möchten.

Es gibt eine Vielzahl von Alternativen zur Verwendung von HTML-Tabellen für das Layout, hauptsächlich die Verwendung von CSS-Positionierung und des CSS-Tabellenmodells. [CSS]

Gemäß den Spezifikationen, <table> stellt Daten mit mehr als einer Dimension dar und darf nicht als Layouthilfe verwendet werden.

Wenn Sie tabellarische Daten mit mehr als einer Dimension darstellen müssen, dann sollten Sie unbedingt eine Tabelle verwenden. Wenn Sie nur Spalten benötigen, tun Sie dies nicht. Es gibt viele CSS-Frameworks wie Bootstrap, die die Stile vereinfachen können, die Sie zum Erstellen eines Grids benötigen.