Zum Inhalt

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 IEBugs
  • Man lernt den Internet Explorer zu hassen ;)
Published inWebstandards

Ein Kommentar

  1. Tobi Tobi

    joo danke, das hatt mir die Not in der Arbeit gerettetxD

Kommentare sind geschlossen.