Vor- und Nachteile von semantischen HTML-Code + CSS

Immer mehr Seiten verwenden sauber strukturiertes, semantisch korrektes Markup. Man verwendet die Tags, die am ehesten das beschreiben, was der Inhalt darstellen soll. Überschriften werden in die Tags h1-@h6@ eingetragen, Menüs werden mit Listen erstellt. Die Formatierung erfolgt ausschließlich mit CSS (Trennung von Design und Inhalt).

Hier ein paar Vor- aber auch Nachteile (meistens für die Neueinsteiger) bei Verwendung von sauberem HTML + CSS:

Vorteile

• Einheitliche Layouts
• Schnelle Layout-Änderungen
• Schnellere Ladezeiten, da das Stylesheet nur einmal geladen wird und dann im Cache liegt
• weniger Trafficverbrauch, weil Dateien meist sehr viel kleiner ausfallen, was weniger Server-Hardware-Verschleiß und Traffic-Überschreitungen verursacht, Modembenutzer freuen sich
• unnötiges Markup im HTML-Code verschwindet, da keine verschachtelten Tabellen, <font>-Tags usw. verwendet werden müssen
• Optimierung für verschiedene Geräte (Druck-Stylesheets, PDA-/Handy) möglich
• logischer strukturierter Code hilft beim bearbeiten, weil es übersichtlicher ist
• Lesezeichen/Favoriten zeigen auch wirklich auf die angezeigte Seite und nicht auf das Frameset – Anfängerfreundlich
• barrierearm, wichtig bei Seiten die der BITV unterliegen oder unterliegen wollen

Nachteile

• alte Browser verstehen keine oder nur teilweise Stylesheets, daher siehst da nicht hübsch aus – dafür wird die Struktur durch richtig angewendeten Code verdeutlicht
• der Internet Explorer hat Fehler in der Berechnung von Größen, die mit sogenannten Hacks ausgemerzt werden müssen/können – nicht so schwer, ist man einmal im Thema hat man es bald raus
• ggü. Frames: aufwendig wenn sich Navigationslinks ändern, kann man aber mit Includes (phase 5, Freeware [frühere Versionen auch für Firmen]) verwalten (daher auch die wichtigkeit von strukturiertem Code)
• möglich, dass die Einarbeitung lange dauert, besonders mit den IE–Bugs
• Man lernt den Internet Explorer zu hassen ;)