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

Starbucks von Cyberattacke betroffen

Ransomware-Angriff auf die KI-gesteuerte Lieferkettenplattform Blue Yonder hat weitreichende Auswirkungen.

3 Stunden ago

Was kann die Apple Watch Series 10?

Seit Ende September ist sie also verfügbar: die Apple Watch 10. Auch in Deutschland kann…

7 Stunden ago

Microsoft-Clouds: GenAI verändert Servicegeschäft

ISG sieht engere Vernetzung zwischen Hyperscaler, IT-Partnern und Endkunden. Treiber ist das Zusammenspiel von KI…

8 Stunden ago

Agentforce Testing Center: Management autonomer KI-Agenten

Mit dem Tool können Unternehmen KI-Agenten mithilfe synthetisch generierter Daten testen, um präzise Antworten und…

1 Tag ago

NiPoGi AM06 PRO Mini PC: Perfekte Kombination aus Leistung, Flexibilität und Portabilität

Kostengünstiger Mini-PC mit AMD Ryzen 7 5825U-Prozessor, 16 GB Arbeitsspeicher (RAM) und 512 GB SSD.

2 Tagen ago

Black Friday: Vorsicht vor schädlichen QR-Codes

Bösartige QR-Codes, die per E-Mail versendet werden, eignen sich sehr gut, um Spam-Filter zu umgehen.

4 Tagen ago