Sie sind hier: Startseite>Topics

Werbung

Anzeige

Topics / HTML / ID: 44


Sauberer HTML Code Teil 2

3. sinnlose Tags

Verweis-sensitive Grafiken (Image Maps)

<MAP name="Beispiel">
<AREA shape=rect coords="10,40,100,150" href="bsp.html"></AREA>
</MAP>

In diesem Fall ist der "schließende Tag" für den Area-Befehl überflüssig. In der "W3C Recommendation" für Html 4.0 wird ausdrücklich darauf hingewiesen, dass der "closing tag" verboten ist. Hier kann </AREA> entfernt werden.


doppelte Zentrierung

<body>
<div align="center">
<center>Inhalt</center>
</div>
</body>
</html>

Hier wird der Inhalt im Body-Bereich gleich zweimal zentriert. Rein theoretisch kann also der DIV- oder der CENTER-Befehl gelöscht werden. Aufgrund eventuell auftretender Probleme mit Netscape 3 (siehe HTML-Überraschungen) wäre es sinnvoll, den kompletten DIV-Tag zu löschen.

Zwar steht der <center>-Befehl auf der Abschuß-Liste des W3C, i.d.R. interpretieren alle gängigen Browser den CENTER-Tag problemlos.


No Noframes

<noframes>
<body>
</body>
</noframes>

Dieses beeindruckende Code-Beispiel einer geframeten Website zeigt mal wieder, wie problematisch der Einsatz von Frames überhaupt sein kann. Der Grundgedanke, einen Bereich für nicht frame-fähige Browser zu berücksichtigen, ist ja nicht schlecht. Man hätte das Ganze evtl. mit ein wenig Inhalt füllen sollen.

Man kann hier die NOFRAMES-Tags löschen oder eine sinnreiche Bemerkung, wie z.B. "Dein Browser ist doof ! " einfügen. Das Beispiel stammt übrigens ( wie alle anderen ) von einer real existierenden Website !!


Doppel-Body

</HEAD>
<body onLoad="wicoh1();return true">
<BODY>
<CENTER>
..

Hier handelt es sich um eine völlig neue Kreation. Die Grundstruktur einer Html-Seite besteht aus den Bestandteilen Header und Body. Eine einfache und leicht verständliche Festlegung, die sogar die wildesten Html-Editoren einhalten. Es kann sich nur um vorsätzlichen Programmierer-Terror handeln oder um den ultimativen Browserstabilitätstest. Was hier falsch ist, brauch ich wohl nicht zu erläutern oder ?


Weiteres im <body>

<BODY BACKGROUND="/gif/xxxxxx.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">

Da als Hintergrund ein Bild eingefügt wird, ist die Definition der Hintergrundfarbe unnötig, sofern das Hintergrundbild gekachelt ist. Andernfalls ist die Definition der Hintergrundfarbe auf Weiß (#FFFFFF), und der Textfarbe auf Schwarz (#000000) unnötig, da der Hintergrund standardmäßig weiß ist, und die Textfarbe schwarz ist.


4. sonstiger Unfug

Code-Chaos

<table width="100%">
<td width="20%"></td>
</tr><tr>
<td>
...... viel Text ......
</td>
</tr>
</table>
..

Dies ist Code-Chaos in höchster Perfektion. Es fehlt einmal <tr>. Außerdem ist die erste "<td>" leer. Mit höchster Wahrscheinlichkeit funktioniert die Breitenangabe nicht. Kennen wir alle oder? (Platzhalter-Gif etc.) So gesehen ist auch die erste Zeile umsonst. Die 20% breite leere Zelle ist definitiv kein Platzhalter.


Alt mal anders

<img border="0" src="/pics/anonym.gif" width="20" height="10" alt="">

Entweder muss das Alt weg oder es wird in folgender Weise erweitert :

<img border="0" src="/pics/anonym.gif" width="20" height="10" alt="ein kleines Bild">

Nach dem HTML 4.0 Standard muss das ALT-Attribut jedoch immer gesetzt sein.


Fehler in Kürze

Die folgende kleine Zusammenfassung hat zwar nichts mit überflüssigen Html-Code zu tun, sie weist nur noch mal auf permanent auftretende Fehler bei der Html-Programmierung hin.

  • fehlende Attribute bei Bildern (height, width, border, alt)
  • "closing tag" vergessen, meist bei Links (<a></a> u.s.w.)
  • Fehler bei den Sonderzeichen, Bsp.   (falsch) statt   (richtig) u.s.w.
  • die Tag-Schachtelung bei Tabellen ist meist fehlerhaft mangelhafte Farbangaben, Bsp. Linkfarbe : link="0000FF" (Gatter # vergessen) u.s.w.

Die großen Browser ignorieren solche Fehler meist, da sie darauf getrimmt sind. Sensible und ältere Browser reagieren da gelegentlich schon etwas heftiger.

Fazit:

Wer sauberen Html-Code schreibt, produziert effiziente und platzsparende Seiten. Der Internet-Traffic wird gesenkt, Besucher freuen sich über funktionierende Seiten mit geringer Ladedauer und der Platz für genutzten Webspace kann minimiert werden.



eingestellt am: 13.10.2005  (1477 mal gelesen)

 Druckansicht | Übersicht HTML | zurück