Tabellen

HTML Tabellen sollen dann eingesetzt werden, wenn man auch wirklich tabellarische Inhalte ausgeben möchte. Für Layout-spezifische Aufgaben, sollten jedoch immer DIV Container verwendet werden.

Der schlechte Ruf von Tabellen in HTML

Da viele Webdesigner die Tabelle als Werkzeug zur schnellen Gestaltung ihrer Layouts missbraucht haben, geriet die Verwendung von Tabellen in Verruf. Dabei haben die Tabellenelemente durchaus ihre Berechtigung, wenn es auch tatsächlich darum geht, tabellarische Inhalte (z. B. eine Umsatzstatistik, die ersten 10 Läufer eines Marathons mit deren Zeiten und Geschwindigkeit, u. ä.) zu präsentieren.

Was jedoch vermieden werden sollte ist die Verwendung von Tabellen, um ein dreispaltiges, zweispaltiges oder wie auch immer geartetes Layout zu erhalten. Dies sollte vorrangig über Container (<div>'s) und entsprechende CSS-Definitionen realisiert werden. In diesem Fall spricht man auch vom Tabellen-losen Layout.

In diesem Bereich wird nur auf die wichtigsten Elemente und deren ursprünglicher Nutzung eingegangen.

Einfache HTML-Tabelle

Der Aufbau einer einfachen HTML Tabelle mit Tabelle (table), Tabellenzeile (tr) und Tabellenzelle (td)

Tabellenkopf, Tabellenkörper, Tabellenfußzeile

Eine HTML-Tabelle kann auch in die einzelnen Bereiche Tabellenkopf, Tabellenkörper und Tabellenfußzeile unterteilt werden.

Kommentar schreiben


  • Kommentare zu diesem Thema