zum Artikelanfang springen

Warum CSS?

Was bringt die Trennung von Struktur und Layout? Betrachten wir an dieser Stelle einige der auf den ersten Blick erkennbaren Vorteile – gute Gründe für CSS.

Schlanker, übersichtlicher Code

Anstatt eines Wirrwarrs aus formatierenden Angaben und mehrfach verschachtelten Layouttabellen besteht der Quelltext eines Dokuments aus klaren logischen Blöcken. Dies führt zu besserer Lesbarkeit und blitzschnellen Ladezeiten. Und das schnelle Laden der Seite ist nicht nur subjektiv spürbar, denn sämtlicher Text steht praktisch sofort zur Verfügung, während Inhalte, die in ein HTML-typisches Tabellengerüst gezwängt wurden, erst mal komplett eingelesen werden müssen (auch die eventuell vorhandenen Grafiken), bevor irgendetwas am Bildschirm dargestellt wird. Man mag argumentieren, dass dies im DSL-Zeitalter keine Rolle mehr spielt, doch bedenken Sie: Nicht alle verfügen über DSL – erst recht nicht auf internationaler Ebene.

Bessere Aktualisierbarkeit

Da sämtliche Layoutanweisungen und Formatierungen außerhalb der eigentlichen Dokumente in einem Stylesheet zusammengefasst sind, können jegliche Änderungen dort zentral vorgenommen werden. Sie müssen also nicht mehr in die Quelltexte der verbundenen Dokumente eingreifen.
Aber auch eine Aktualisierung der eigentlichen Inhalte ist dank des übersichtlichen Codes spürbar leichter. Dies fällt besonders ins Gewicht, wenn wechselnde oder neue Mitarbeiter die Inhalte bearbeiten sollen. Semantisch ausgezeichnete Inhalte können problemlos neu strukturiert und verschoben werden, im Gegensatz zu Inhalten, die aus Gründen der Optik in kompliziert verschachtelte Tabellenkonstrukte eingebettet sind.

Zugänglichkeit (Accessibility)

Mit der Trennung von Inhalt und Präsentation legen Sie den Grundstein für besonders zugängliche und barrierearme Webseiten. Da die Grundlage Ihrer Webseiten ein ordentlich strukturiertes Dokument ist, sind die Inhalte mit allen Geräten auf allen Plattformen in den Grundeinstellungen des jeweiligen Gerätes bzw. den Voreinstellungen des jeweiligen Anwenders erreichbar – und zwar ohne weiteren Aufwand.
Natürlich können Sie die Darstellung für bestimmte Geräte und Systeme noch verfeinern, indem Sie zum Beispiel spezifische Stylesheets zur Verfügung stellen.

Benutzbarkeit (Usability)

CSS beinhaltet viele Funktionalitäten und Methoden, mit denen Sie Ihren Besuchern erweiterte Möglichkeiten zur Benutzung anbieten können. Das können visuelle Navigationshilfen sein oder aber eine komplette alternative Darstellungsvariante, ausgerichtet auf die Wünsche und Bedürfnisse Ihrer Besucher bzw. einzelner Besuchergruppen.

Suchmaschinen

Schlanker Quellcode mit ordentlicher Struktur lässt sich natürlich auch von Suchmaschinen-Robots schneller und gründlicher erschließen. Relevante Keywords in Überschriften und Texten werden im Zusammenhang erfasst und es besteht keine Gefahr, dass der Robot nach der x-ten Tabellenverschachtelung einfach aussteigt.

Kostenfaktoren

Die wirtschaftlichen Vorteile werden sicherlich bereits in den bisher aufgezeigten Punkten sichtbar. Sie sparen vor allem Zeit, an allen Ecken und Enden. Sie können die Inhalte aller Dokumente zusammenstellen, ohne sich Gedanken über Formatierung und Darstellung zu machen. Die Stylesheets werden zentral angelegt und gepflegt. Änderungen und Aktualisierungen, bis hin zu einem kompletten Relaunch, lassen sich problemlos durchführen, auch von Mitarbeitern, die nichts mit der eigentlichen Erstellung der Seiten zu tun hatten. Eine direkte Kostenersparnis bietet der bandbreitenschonende Quelltext – vor allem bei Webangeboten mit großer Seitenzahl können die Einsparungen bei Traffic-Kosten dramatisch sein.

Fazit

Es wird deutlich, dass die Entwicklung standardkonformer und barrierearmer Seiten auch guten Geschäftssinn vermittelt. Warum sollten Sie auf mehr potentielle Besucher verzichten, oder auf eine schnellere Seite und besseres Suchmaschinen-Ranking? Und natürlich erzielen Sie auch einen positiven Effekt, was Ihre Öffentlichkeitswirkung angeht – es wird sich herumsprechen, dass Ihr Angebot leicht zu handhaben ist, Informationen zu Ihren Produkten leicht zu finden sind und dass niemand ausgeschlossen wird, weil er mit dem „falschen” Browser unterwegs ist.

Seitenanfang



(c) 2009 e-workers
http://www.css-cafe.de/
mailto: info@css-cafe.de