Hauptmenü
Besucher Statistik
Besucher online: 3 Besucher Heute: 179 Gestern:146 Gesamt: 229984
geprüft nach
|
Sie sind hier: Startseite>Topics
Werbung Topics / HTML / ID: 44Sauberer HTML Code Teil 23. sinnlose TagsVerweis-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 UnfugCode-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ürzeDie 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.
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) |