Wer mehrere Seiten über einen längeren Zeitraum erstellt, wird relativ schnell ein sehr heterogenes Quelltext-Aussehen erhalten.
Ursachen hierfür sind das Umstellen der HTML-Version, das Einführen neuer Tags oder Attribute - dies alles schlägt sich im jeweiligen Quelltext wieder - und es kommt relativ schnell zu sehr ungleichen (heterogenen) Quelltexten.
Viele HTML-Editoren verwenden zur »besseren« Übersichtlichkeit Leerzeichen zur Einrückung, z.B. bei Tabellen sowie Zeilenumbrüche (auch innerhalb von Tags), damit eine Zeile möglichst komplett am Bildschirm zu sehen ist. Während letzteres ganz einfach »schlechter Stil« im Sinne von korrektem HTML ist, ist ersteres eine unnötige Dateivergrößerung.
Um eine einheitliche Formatierung der Tag-Struktur zu erreichen, kann z.B. das Tool Tidy [Freeware] eingesetzt werden. Nicht angetastet wird allerdings die Parameterreihenfolge der Attribute. Lediglich das Fehlen von Attributen wird mokiert.
Folgende Erfahrungen können vielleicht auch Ihnen helfen, die Heterogenität klein zu halten und damit die Überarbeitung der Seiten zu erleichtern:
Die Reihenfolge der Attribute ist häufig »durcheinander«.
Beispiel:
<table cellpadding=2 cellspacing="0" summary="" border=1 width=100% bordercolor="#000088">
<table width="100%" border="1" cellpedding=2 cellspacing=0 summary="" bordercolor="#000088">
Unterschiede gibt es in der Reihenfolge und der teilweisen Umschließung der Attributwerte mit Anführungszeichen. Solche Zeichenketten lassen sich nicht per Suchen und Ersetzen über mehrere Dateien hinweg gegen eine andere Definition austauschen.
Teilweise können Web-Seiten-Programme eigene Definitionen aufnehmen, jedoch bleibt auch hier die Handarbeit älterer Dateien.
Das Erstellen einer Grundgerüstdatei hilft über die gröbsten Varianzen hinweg.
Hierin sollten Standardelemente für Absätze, Formulare, Tabellen, Metainformationen usw. stehen.
Die Wahrscheinlichkeit, bestimmte Attribute in Tags zu ändern ist sehr unterschiedlich. Der Pfad wird beispielsweise häufiger angepasst als der Rahmen usw.
Beispiel Bilder:
<img src="pfad/name.ext" alt="bildbeschreibender Text" align="top" border="0" />
Beispiel Tabellen:
<table summary="Beispieltabelle" class="tabelle" width="500" border="1" bordercolor="#000088" cellpadding="0" cellspacing="2">