Die Vorzüge von HTML-Tabellen und CSS

Wer sich zum ersten Mal mit Web-Entwicklung beschäftigt, wird erstaunt sein, wie leistungsfähig und flexibel HTML-Tabellen sind. Sie können beliebig ineinander verschachtelt werden, um das gewünschte Ergebnis zu erzielen. Probleme mit leeren Tabellenzellen, die von einigen Browsern nicht korrekt angezeigt werden, bekommt man mit unsichtbaren GIFs schnell in den Griff. Allerdings ist die Gestaltung des Layouts nicht der eigentliche Zweck, zu dem HTML und die entsprechenden Tabellen entwickelt wurden.

HTML-Tabellen waren ursprünglich dafür gedacht, Daten in Tabellenform zu präsentieren – nicht mehr und nicht weniger. Wenn man also Daten wie in Excel präsentieren möchte, ist eine HTML-Tabelle genau das Richtige und wird diesem Zweck problemlos gerecht. Aber schon früh erkannten Webdesigner, dass Tabellen auch eine hervorragende Möglichkeit sind, das Seitenlayout und die Darstellung zu kontrollieren.

Ein Seitenlayout in mehrere Tabellenzellen aufzuteilen, kann per Hand etwas kniffelig sein. Außerdem können sich die unzähligen verschachtelten Tabellen eines Webseitenlayouts als wahrer Albtraum erweisen, wenn man die Seite verändern will. Hierbei greifen einem allerdings grafische Webdesign-Tools wie Frontpage unter die Arme. An einem Beispiel soll gezeigt werden, wie ein tabellenbasiertes Layout aussehen kann.

Das Beispiel in Listing A erzeugt eine Webseite mit Kopfzeile, Fußzeile, einem einfachen Menü sowie dem Bereich für die eigentlichen Inhalte. Eine Tabelle umgibt die gesamte Seite, die verschachtelte Tabellen für die einzelnen Seitenbereiche enthält: Kopfzeile, Fußzeile, Menü und Inhalt. Die Hintergrundfarbe für jeden Bereich wurde zu Demonstrationszwecken unterschiedlich eingestellt.

Listing A

Das Tabellendesign liefert zwar das gewünschte Ergebnis, aber der HTML-Quellcode kann etwas verwirrend sein. Ein positiver Aspekt beim Einsatz von Tabellen ist, dass die Darstellung in sehr vielen Browsern einheitlich ist, selbst in älteren Browsern wie dem Internet Explorer 5.0. Dies ist bei CSS-basierten Layouts nicht immer der Fall, aber dafür bietet CSS eine Reihe anderer Vorteile.

Page: 1 2 3

ZDNet.de Redaktion

Recent Posts

Kostenloser Dekryptor für ShrinkLocker

Mit dem Dekryptor von Bitdefender können Opfer von Attacken mit der Shrinklocker-Ransomware Dateien wiederherstellen.

9 Stunden ago

Malwarebytes warnt vor Betrugsmaschen beim Weihnachtseinkauf

In der Vorweihnachtszeit ist vor allem Malvertising auf dem Vormarsch. Cyberkriminelle locken Nutzer über schädliche…

9 Stunden ago

Bedrohungsindex: Deutliche Zunahme von Infostealern im Oktober

Dazu trägt unter der Infostealer Lumma-Stealer bei. Hierzulande dominiert der Infostealer Formbook die Malware-Landschaft.

1 Tag ago

Chrome 131 schließt zwölf Sicherheitslücken

Eine schwerwiegende Anfälligkeit hebelt die Sicherheitsfunktion Seitenisolierung auf. Betroffen sind Chrome für Windows, macOS und…

1 Tag ago

DeepL Voice mit KI für Sprach- übersetzungen

DeepL Voice ermöglicht Live‑Übersetzung von Meetings und Gesprächen in 13 Sprachen.

1 Tag ago

November-Patchday: Microsoft schließt Zero-Day-Lücken in Windows

Betroffen sind Windows und Windows Server. Microsoft patcht aber auch Schwachstellen in Excel, Word und…

1 Tag ago