Moderne Browser rendern ansonsten identische Dokumente abhängig von einem vorhandenen DOCTYPE-Tag unterschiedlich. Bestes Beispiel ist Mozilla, der bei bestimmten DTDs in den "strict rendering mode" geht und dabei genau nach HTML4-Spezifikation rendert. Zu beachten ist dabei, daß HTML4 auch die Semantik von Tags definiert; so sind tables nur dazu da, um tabellenartige Daten auszugeben und nicht um sie zum Layout der Seite zu verwenden. Daher sollte man für "abwärtskompatible" Seiten eine transitional-DTD setzen, wie sie auch diese Seite besitzt: Übrigens rendert auch der Internet Explorer 6 abhängig von der DTD, also setzt die gefälligst richtig und validiert die Seite auch gleich. So könnt ihr sicherzustellen, daß sie auch für die entsprechende DTD korrektes HTML enthält. Nähere Informationen zum IE6-Rendering gibts beim Feind.

Das DTD-abhängige Rendering von Mozilla ist auf dieser Netscape-Seite beschrieben. Dort gibt es auch viele weitere wertvolle Hinweise, wie man seine Seite auf Mozilla optimieren kann.

Ein Tip zum Konqueror: Ich dachte lange, er könnte styles bei Links (also a:link, a:hover etc.) nicht verarbeiten. Dem ist aber nicht so! Wer sich diese Seite im Konqueror anschaut wird feststellen, daß die Links auf der linken Seite und im Frame oben völlig richtig angezeigt werden. Der Grund: Die Attribute müssen klein geschrieben werden, Konqueror ist hier case-sensitive!