Was ist mit HTML-Tabellen-Tags passiert?

Ich habe 1998 angefangen, HTML zu codieren, und in dieser Zeit habe ich viele Tabellen-Tags verwendet und mit tr und td gespielt. Ich habe viele Dinge gelernt, um den Quellcode vieler Portale im Internet mit Notepad und Microsoft FrontPage zu analysieren. Letzteres, aw, Wie viele Tische andere überlappen, es hat Spaß gemacht, ich habe diese Zeit geliebt.

Allerdings habe ich die Webprogrammierung für fast sieben Jahre aufgegeben und dieses Jahr beschlossen, zu sehen, wie Webprogrammierung heute ist. Es scheint völlig anders zu sein, da die meisten Websites keine Tabellen-Tags verwenden, sondern Div- und Span-Tags.

Warum ist das passiert? Was sind diese neuen Tags und warum werden Tabellen-Tags nicht mehr verwendet?

Das World Wide Web Consortium (W3C) entwickelte im Dezember 1996 die erste Spezifikation für Cascading Style Sheets . Cascading Style Sheets (CSS) haben sich seitdem radikal weiterentwickelt und die Trennung von HTML-Inhalten von Präsentationsdaten auf beliebten Websites häufiger gemacht.

Obwohl heutige Websites möglicherweise immer noch auf Inline-Stildeklarationen angewiesen sind, um die gewünschten Effekte zu erzielen, ist es weitaus effizienter, Präsentationsdaten (Elementhöhe, -breite, -auffüllung, -ränder, absolute Positionierung usw.) in eine einzelne CSS-Datei aufzunehmen, auf die durch mehrere HTML-Dateien verwiesen wird Dokumente, um jede Instanz des HTML-Inhalts zu aktualisieren, wenn die Präsentation geändert werden muss.

Die Übernahme von CSS durch Browser erfolgte nicht über Nacht (weshalb einige wichtige Websites bis weit in die 2000er Jahre hinein auf Tabellen angewiesen waren, um eine einheitliche Darstellung in einer Vielzahl von Browsern zu erreichen), und während sich einige Browser weiterhin in der Implementierung der W3C-CSS-Spezifikationen unterscheiden, grafisch Browser, die CSS1 nicht unterstützen, sind sehr selten. Daher verlassen sich nur sehr wenige beliebte Websites auf Tabellen, um eine browserübergreifende Präsentation zu erzielen.

Die 12 Lektionen für diejenigen, die Angst vor CSS und Standards haben (veröffentlicht 2006) bei A List Apart und eine Überprüfung des CSS-Snapshots des W3C sind möglicherweise ein guter Ausgangspunkt, wenn Sie den Übergang von tabellenbasierten Layouts zu nachholen möchten CSS.

Ohne auf eine ganze Geschichte der Webentwicklungsentwicklung einzugehen ...
Tabellen waren nie für das Seitenlayout gedacht. Das ist das Wichtigste. Die Verwendung auf diese Weise war eine Problemumgehung, die durch die damalige Technologie verursacht wurde, sowohl durch unvollständige Spezifikationen als auch durch unfähige Browser. Letztendlich wurden diese Probleme (meistens) behoben und jetzt ist es nicht mehr wirklich notwendig.

Die SE-Sites sind im Allgemeinen für praktischere Fragen gedacht, z. Wie mache ich das ... aber wenn Sie mehr Details wünschen, haben viele HTML-Bücher für Anfänger - und es scheint, als würden Sie von vorne anfangen - einen komprimierten Überblick über das, wonach Sie als Einführungsmaterial fragen.

Tabellen sind noch in der HTML-Spezifikation vorhanden. Sie sollten jedoch zur tabellarischen Anzeige von Daten verwendet werden! (Obwohl sich das Tabellen-Markup etwas weiterentwickelt hat, lassen sich Spalten- und Gruppenbeschriftungen etwas einfacher sinnvoll anwenden.)

Wenn Sie Bilder und Nachrichteninhalte haben, die Sie für eine Webseite schreiben möchten, sollten Sie sich aus den von anderen Personen, die diese Frage beantworten, genannten Gründen von Tabellen fernhalten.

Wenn Sie Monatskonten auf einer Seite anzeigen möchten, sollten Sie dazu auf jeden Fall Tabellen verwenden.

Vor einigen Jahren (und dennoch, wenn Sie IE 6 unterstützen) waren Tabellen nicht die beste Wahl, um für alle Browser das gleiche Layout festzulegen.

Frameworks, die sich weigerten, Tabellen für das Layout zu verwenden, wie Ext, beendeten die dynamische Berechnung von Dimensionen durch Ändern der Stile beim Ändern der Größe, wodurch sie in einigen Browsern fehlerhaft funktionierten (IE 6 bereits erwähnt).

Tabellen werden weiterhin als Grundlage für Rasterlayouts in verschiedenen Frameworks verwendet (z. B. Icefaces).

Ich benutze sie heimlich immer noch.

Am wichtigsten ist, dass sie sich noch in HTML5 befinden: http://www.w3schools.com/html5/tag_table.asp . Daher ist es absolut sicher, sie für Ihre verdrehten Layoutanforderungen zu verwenden.

Bearbeiten: (Nach einigem Abstimmen) Ein gutes Beispiel für einen "verdrehten Layoutbedarf" ist die Verwendung von Tabellen in Ihren Massen-E-Mails. Wenn Sie möchten, dass Ihre Junkmail so sexy aussieht wie der versprochene Effekt Ihres Produkts, können Sie die meisten CSS nicht verwenden.

Ich benutze nicht immer schmutzige Hacks, aber wenn ich das tue, bevorzuge ich Hacks, die die nächsten zehn Jahre dauern.