HTML getuned

  • Mit den folgenden Zeilen will ich auf ein paar Dinge eingehen, die im HTML-Quellcode überflüssig sind und die diesen unnötig aufblähen:

    • Wer die Standardschriftgröße verwenden will, braucht nicht zusätzlich <font size="3"> einzugeben.
    • Linksausrichtung braucht nicht definiert zu werden, auch das ist Standard. align="left" kann also meist entfallen.
    • Wenn bereits im body-Tag eine Farbe für die Schrift definiert ist, dann muss man diese nicht immer wiederholen. Lediglich abweichende Attribute sind dann notwendig.
    • Das Sprungziel target="ziel" braucht natürlich nur dort zu erscheinen, wo eines angegeben werden muss. Werden Seiten beispielsweise im gleichen Frame aufgerufen, dann ist target="_self" (gleicher Frame) überflüssig.
    • Tabellen sollten nicht zu lang (zu viele Daten) angelegt werden, da dies die Ladezeit erhöht. Lieber ein paar aufeinanderfolgende Tabellen verwenden - vom Design macht das ja keinen Unterschied.
    • Anweisungen für die Spaltenbreite braucht man bei einer Tabelle nur in der ersten Zeile. Der Rest wird dann automatisch angepasst.
    • Viel ungenutzter Platz (Leerzeilen) erhöht die Ladezeit und kann auch negative Auswirkungen haben (nahtlose Bilder). Also nicht zu verschwenderisch sein - alle Übersicht in Ehren.
    • Auch Kommentare benötigen Platz (Speichervolumen). Unnötige Kommentare ersatzlos streichen: <!-- es folgt eine Tabelle --> Das sieht man ja eh!
    • Meta-Tags nicht unnötig lang machen - bei keywords und descripton sind 250 Zeichen angesagt.
    • Für Formatierungen lieber <b> statt <strong> oder auch lieber <i> statt <em>. Der Effekt ist der gleiche, eine Seite wird aber unter Umständen unnötig aufgebläht.
    • Bei der Verwendung von URLs sind relative Adressen besser als absolute - soweit machbar. Bei der eigenen Seite reicht also: <a href="datei.htm"> anstelle der gesamten Adresse: <a href="http://www.meineseite.de/datei.htm">. Bei vielen solcher Links würde dies den Quelltext ebenfalls unnötig strapazieren.
    • Nicht unnötig viele definierte Leerzeichen ( ) verwenden. Lieber dann blinde gifs (.gif) oder in Tabellen entsprechende Größenzuweisungen wählen. Außerdem wird es sonst sehr unübersichtlich.
    • Style-Anweisungen, die sich häufig wiederholen, können in eine eigene Datei ausgelagert werden. Spart Platz, erhöht die Übersichtlichkeit und ist leichter zu bearbeiten.