Besucher
Heute: 82
Gestern:132
Gesamt: 78605
Werbung
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.
- 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 (468 mal gelesen)
Druckansicht | Übersicht HTML | zurück