Topics / HTML / ID: 43

Sauberer HTML Code Teil 1

Einige Webmaster die Ihre Seiten ins Netz stellen bzw. auf Ihren Server hochladen, wissen oftmals gar nicht was sie dort für Code - Müll hochladen. Um welchen Code-Müll es sich im Einzelnen handelt, sollen nachfolgend aufgeführte Beispiele ein wenig erläutern.

1. Überflüssige Meta-Angaben

Editorangaben

<meta name="GENERATOR" content="Microsoft FrontPage 2000">
<meta name="GENERATOR" content="Microsoft FrontPage 1998">

Diese Codezeilen können sofort gelöscht werden, Sie werden von so manchem Programm einfach in den Code geschrieben.

Nur ein kleines Rechenbeispiel:
Wir nehmen die erste Meta-Angabe für Frontpage. Diese Angabe verschwendet bei ca. 50 Html-Seiten 3 kB-Webspace. Für eine Million Html-Dokumente mit dieser Meta-Angabe erhöht sich der Webspace-Bedarf um ca. 60 MB.

Ein Robots zuviel

<meta name="robots" content="index">
<meta name="robots" content="nofollow">

Dieses Beispiel entstammt einer Header-Definition. Hier ist alles soweit in Ordnung. Trotzdem geht es viel einfacher, sinnvoller und platzsparender. Eine einzige Meta-Angabe ersetzt die beiden Zeilen problemlos:

<meta name="robots" content="index, nofollow">

Meta-Schwachsinn

<meta name="ProgId" content="FrontPage.Editor.Document">
<meta NAME="Template" CONTENT="C:PROGRAMMEMICROSOFT OFFICEOFFICEhtml.dot">
<meta name="Microsoft Border" content="none">
<META NAME="resource-type" CONTENT="document">

Auch hier hat irgendein Programm mitgespielt. Diese Meta-Angaben haben überhaupt keine Relevanz. Der Aufbau der Seiten wird durch sie nicht beschleunigt. Suchmaschinen-Roboter verwerten diese Angaben in keiner Weise. Solche Code-Zeilen dürfen bedenkenlos gelöscht werden.

2. falsche / sinnlose Attribute

Width-Angabe

<table width="101%">

Bei diesem Beispiel ist die Festlegung der Breite (width) falsch. Diese kann mit einer Zahl oder einem Prozentwert definiert werden. Der prozentuale Wert kann nur zwischen 1 % und 100 % liegen.

Ausrichtung mit Align / Valign

<td align="middle">

Erklärung:
Hier wurde eine falscher Wert für das Attribut verwendet. Erlaubt ist

• bei align: "center, char, justify, left, right"
• bei valign: "baseline, bottom, middle, top"

Die Syntax des gezeigten Beispiels ist daher totaler Müll und unnötiger Code-Ballast. Entweder wird der Attribut-Wert korrigiert oder man entfernt das align="middle".

unnötige Formatierung

<div align="left">
<p align="left">
<td align="left">

Mit der Angabe align="left" werden Elemente nach links ausgerichtet. Das ist aber völlig überflüssig, da dies bereits die Voreinstellung von HTML ist. Diese Formatierungen können gelöscht werden.

Trennlinienbreite

<hr width="100%">

Die Angabe der Breite (width) ist hier sinnlos. Trennlinien gehen, wenn nicht anders festgelegt, immer über die ganze Breite des Anzeigenfensters. Die Width-Angabe kann entfernt werden.

eingestellt am: 13.10.2005  (1390 mal gelesen)

 Druckansicht | Übersicht HTML | zurück