Valider XHTML-Quelltext

HTML ist eine plattformunabhängige Dokumentbeschreibungssprache, in der Web-Seiten geschrieben sind.

"HTML ist keine Programmiersprache. Denn mit HTML kann man z. B. keinen Roboter steuern, keine Variable erstellen und auch kein Spiel programmieren." (Quelle)

Dokumente, die nicht valide sind resp. Standards verletzen, verlassen sich auf die Fehlerkorrektur der Software, welche sie liest (Browser, Roboter, Screenreader etc., siehe oben). Diese Fehlerkorrektur ist aber je nach Software sehr unterschiedlich, was zu Fehlern führen kann, und dies in vielen Fällen, ohne dass dies der Websitebetreiber merkt, denn es ist unmöglich, die Website via all diese Software nach jedem Update wiederum vollumfänglich zu testen.

Nicht valider HTML-Quelltext verursacht oft hohe Kosten, insbesondere wegen unnötiger Fehlersuche und nicht optimaler Bedienung oder gar Verärgerung der Benutzer.  


Weiterführende Informationen:
http://www.qualidator.com/Web/de/Know-how/Verwendung_von_validem_XHTMLQuelltext.htm
Die Gültigkeit des HTML-Quelltextes kann via so genannte Validatoren überprüft werden.

Beispiele:

• http://validator.w3.org/ (eine Seite einer Website)
• Qualidator SiteAnalyzer (alle Seiten einer Website)

Weiterführende Informationen
http://blog.antikoerperchen.de/beitrag/28/validierung-wozu-warum-valider-html-code-wichtig-ist.html

Abkürzungen: 
HTML: HyperText Markup Language

Spaghetti-Markup

Eine Abstraktion des Designs von der Struktur der Website bringt entscheidende Vorteile. Je höher diese ist, desto unabhängiger (getrennter) sind diese voneinander. Keine solche Trennung wird als so genannter Spaghetti-Markup oder Tag-Suppe (Tag von Html-Tag) bezeichnet.

Es ist heute problemlos möglich Farben, Typografie, Bilder des Designs und weitgehend sogar das Layout einer Website in separaten CSS-Dateien (CSS = Cascading Style Sheet) zu speichern.

Tools:
seven49.net - Qualidierungs- und Validierungstool (kostenlos)

Weiterführende Informationen:
http://www.qualidator.com/Web/de/Know-how/SpaghettiCode_CodeBrei.htm
http://www.style-sheets.de/guide/grundlagen/warum_css
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/

Hinweis für Informatiker: Mit "Code" ist damit nicht etwa Javascript-Code, sondern der HTML-Quelltext gemeint.

Bilder ohne Alternativtexte

Der Alternativtext wird angezeigt, wenn ein Bild nicht ladbar ist oder wenn der Mauszeiger über das Bild bewegt wird*. Wichtig ist der Alternativtext zum einen für Menschen, die über eine Sehbehinderung verfügen und ein sprachliches Ausgabegerät benutzen, das Webinhalte und bei Bildern den Alternativtext vorliest.
Zum anderen ist der Alternativtext auch von Suchmaschinen erkennbar. Der Alternativtext ist möglichst sinnvoll zu wählen, sollte jedoch keine ausführliche Bildbeschreibung sein.

Weiterführende Informationen:
http://www.bjoernsworld.de/html/alt-text.html
http://webdesign.crissov.de/alt-Text#Start

* Der Internet Explorer zeigt den Alternativtext als Tooltip an, wenn man mit dem Mauszeiger länger über der Grafik verweilt. Dieses Verhalten ist zwar nicht verboten, stört aber häufig den Seitenautor. Und es verleitet zu der Annahme, das alt-Attribut wäre für diesen Tooltip grundsätzlich zuständig, was aber falsch ist. Wenn Sie ihre Grafiken mit erklärenden Tooltips versehen wollen, nutzen Sie das Attribut "title".
Quelle: http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz