Tabellenloses Webdesign

Auf vielen Webseiten werden immer noch Tabellen benutzt, um das Layout und die Postitionierung von Elementen wie Grafik oder Text festzulegen. Ein Layout in Tabellen einzurichten ist sehr einfach. Grade bei Längenangaben wie 100% erweisen sich Tabellen als sehr einfaches Mittel dafür. Tabellen sind jedoch nicht dafür vorgesehen, um das Design einer Webseite festzulegen.

Tabellenloses Webdesign ist möglich. Unsere Webseiten sind beispielsweise auch ohne Tabellen erstellt worden. Und wir finden, sie sind doch vom Design gar nicht so schlecht geworden oder? Zugegeben, es ist etwas schwieriger zu handhaben, weil vom Webmaster ein anderes Denken gefordert wird. Wenn Sie sich jedoch in die Materie eingearbeitet und die ersten tabellenlosen Webseiten erstellt haben, werden Sie die helle Freude daran haben. Tabellenloses Webdesign bietet eine Menge Vorteile.

Schlanker HTML-Code
Wenn Sie sich den Quelltext unserer Webseiten anschauen, werden Sie einiges feststellen. Es gibt erstmal keine Tabellen. Für unser Design haben wir natürlich einige Grafiken. Diese tauchen jedoch nirgends im Quelltext auf. Es sind nur einige DIV-Container zu sehen, der gesamte Text der Seite und das wars. Ein schlanker Quellcode verursacht in der Regel wesentlich weniger Traffic auf dem Server. Ihre Besucher werden sich mit Sicherheit auch über kürzere Ladezeiten freuen. Ein Erfolgsfaktor, der nicht unterschätzt werden sollte. Viele Besucher brechen den Ladevorgang ab, wenn sie zu lange dauert. Ein zufriedener Besucher kommt auch immer wieder gerne auf die Webseite.

Barrierefreies Webdesign
Behinderte Menschen, vor allem Blinde, haben oft Probleme mit Tabellen. Sehbehinderte Menschen nutzen meistens einen sogenannten Screenreader. Damit ist es möglich, Webseiten auf nicht-visuelle Art zu besuchen. Diese Screenreader haben oft Probleme mit verschachtelten Tabellen, weil sie nach semantischen Kriterien arbeiten. Daher sollte man Webseiten semantisch korrekt aufbauen. Tabellen für das Layout zu nutzen, ist semantisch nicht korrekt, da Tabellen nur zum Ordnen von Inhalten gedacht sind und nicht zur Layout-Gestaltung der Webseite. Aber nicht nur mit Screenreadern kann ein tabellenbasiertes Weblayout Probleme verursachen. Auch mit anderen Geräten wie z.B. mobilen Surfgeräten können Tabellen die für das Layout genutzt werden, Probleme mit der Darstellung verursachen.

Suchmaschinen
Besonders Suchmaschinenoptimierer schwören auf Webdesign ohne Tabellen. Da Suchmaschinen ihre Algorithmen nicht preisgeben, ist der Effekt natürlich nicht nachweisbar. Verschiedene Theorien sagen, dass:

  1. Webseiten ohne Tabellen einen Bonus für barrierefreie Webseiten bekommen.
  2. Die Suchmaschinen können Webseiten wesentlich schneller spidern und deren Inhalte aufnehmen.
  3. Suchmaschinen versuchen das Thema und die Struktur einer Webseite herauszufinden. Bei semantisch korrekten Webseiten fällt dies wesentlich leichter als bei tabellenbasiertem Webdesign. Denn wie soll eine Maschine herausfinden, dass eine Grafik zum Layout gehört und nicht zum Inhalt?

Steuerung des Designs
Über eine einzige CSS-Datei kann bei tabellenlosen Webseiten das gesamte Aussehen geändert werden. Wenn Sie also das Design ändern wollen, auch Redesign genannt, kann dies über die Änderung der CSS-Datei geschehen. Ohne dass Sie in den Seiten etwas ändern müssen. Haben Sie jedoch Tabellen für das Layout benutzt, müssen Sie in der Regel die gesamte Seite ändern. Ein weiteres wichtiges Argument für tabellenloses Webdesign.

Sie sehen also, es gibt eine Reihe von Vorteilen, auf tabellenlose Webseiten zu setzen. Nich zuletzt zeigen Sie dadurch, dass Sie innovativ sind und zukunftssichere Webseiten erstellen. Denn, wie lange die Browser Webseiten mit Tabellen in Zukunft auch korrekt darstellen, weiß niemand. Tabellenlose Webseiten brauchen am Anfang häufig mehr Zeit bei der Erstellung. Wir finden jedoch, dass sich der Aufwand lohnt.