Evolution
30. Januar 2006
Die Jungs vom ITC-Halle haben eine neue Seite „gebaut”, diesmal die der Stadt Aschersleben. Schau mer mal™.
Da ich gar nicht so garstig bin, wie der erste Satz klingen soll: Die Seite ist mit validem XHTML erstellt, das ist schon ein sehr positiver Ansatz. Schließlich bedeutet das, das die Seite von jedem richtigen Browser korrekt interpretiert und verarbeitet wird und semantische Strukturen (Überschriften werden als
1 | <hx> |
geschrieben, Absätze mit
1 | <p> |
, Listen mit
1 | <ul><li>Text</li></ul> |
) entsprechend ausgezeichnet sind.
Nunja. Theoretisch. Wenn man weiß, was man tut.
Leider schafften es die ITCler unter der Leitung von Frank Tauchert nicht, den Schritt Richtung in die Richtung zum Einsatz von XHTML konsequent zu gehen. Die Seite ist valide, ja, aber strotzt vor Fehlern, wenn man unter die Code-Haube schaut. Hier nur ein paar der Dinge, die sofort ins Auge fallen. Und wehtun.
- Die Seite ist voll von unnötigen
1<div>
-Elementen, die klassische Divitis. Besonders gefällt mir der nachfolgende Codeauszug, aus dem ein Listenelement gestaltet wird. (Auf der Seite selbst ist das der grüne „Lernen”-Link)
-
1
2
3
4
5
6
7
8
9
10
11
12<div style="width: 200px; height: 1px; background-color: #00a513;"><br />
<img src="images/systembilderregister/leer.gif" alt="" title="" border="0" height="1" width="1" /><br />
</div><br />
<div style="width: 200px;"><br />
<div style="height: 20px; margin-top: 20px; overflow: hidden;"><br />
<div style="width: 20px; float: left;"><br />
<img src="images/SystemBilder/Box12.gif" width="20" height="20" alt="" title="" border="0" /><br />
</div><br />
<div class="Menu1Text" style="height: 19px; float: left; padding: 0px; width: 180px; border-bottom: 1px solid #0078b8;"><br />
<a href="index.asp?MenuID=1" title="Lernen" class="Menu1Active" style="color: #0078b8;">&nbsp;&nbsp;Lernen</a><br />
</div><br />
</div>Also, so leid mir das auch tut, aber das obige eine ganze Menge, aber kein Listenelement in XHTML.
- Ein weiterer Klassiker: Wir richten Texte und Bilder mit Zeilenumbrüchen aus.
-
1<p><br /><br /><br />
oder
1<p>&nbsp;<br /></p> - Wer braucht schon Inhalte. Die ist der gesamte Text, der auf der Startseite steht.
-
1<img src="Images/Deutsch/160/163/360wir-sch.gif" alt="" title="" width="360" height="50" border="0" />
Ein aussagekräftiges
1alt-Tag oder wenigstens einen Titel für das Bild? Ach wo, die Seite validiert doch, da ist das schon in Ordnung.
Wenn man dann tiefer in die Seite schaut, findet man wieder Tabellen, anstelle von Listen oder Definitionslisten, weitere Bilder ohne beschreibende Texte, mouseover-Effekte mittels JavaScript oder unsinnigste Anwendungen von CSS.
Aber der große Buttons des W3C verkündet stolz: Ja, der Code der Seite ist valide. Unbestritten, das ist er. Allerdings prüft der Validator nur die technische Seite des XHTML, die semantische Seite, also welches Element für welche Textstruktur benutzt werden muß, muß derjenige verstehen und korrekt anwenden, der das Template erstellt. Und dabei fällt diese Seite glatt durch. Der Versuch, validen Code zu erzeugen, ist ein Schritt in die richtige Richtung. Mal schauen, wann das ITC eine Seite erstellt, die auch semantisch korrekt ist.
Eins noch, weil es so passend ist:
1 | <meta name="keywords" content="Halle die Stadt, Saale, " /> |
. Schon doof, wenn man das Template kopiert und nicht alle Spuren verwischt. ;-)
3 Kommentare und Trackbacks
Kommentar(e)
-
ey rifter, wie bist denn du drauf ?!!!??
wir kochen doch alle nur mit wasser.
tststststs…….
-
Klar kochen alle mit Wasser. Aber wie das Wasser gekocht wird, ist entscheidend. Ich war doch noch nett. ;-)