Der richtige Doctype

**Terry** · 07.10.2004 19:30

Wer die Wahl hat, hat die Qual. Hier mal ein paar Hilfen zur Wahl des passenden Doctypes:

Es stehen folgende Doctypes zur Verfügung:
HTML 4.01 in den Varianten Strict, Frameset, Transitional mit URL, Transitional ohne URL
XHTML 1.0 in den Varianten Strict, Frameset und Transitional

Eine gute Beschreibung aller Doctypes und der Rendermodi der Browser findet sich hier bei LANtastic: http://www.fabrice-pascal.de/artikel/dtd/

Hier die Kurzform:

Im Standardmodus bemühen sich alle Browser, sich an die Standards des W3C zu halten. Das gelingt ihnen mehr (Mozilla, Opera, Safari) oder weniger (IE 6) gut.

Daneben gibt es aber auch noch den alten Modus (Quirksmode), der beibehalten wurde, damit alte Seiten noch ordentlich dargestellt werden.
Browser nehmen den Quirksmode
- wenn kein Doctype vorhanden ist
- wenn ein alter Doctype vorhanden ist (z.B. HTML 3.2 oder so)
- wenn HTML 4.01 Transitional ohne URL vorhanden ist - also so: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Bei HTML 4.01 Transitional mit URL ( <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ), HTML 4.01 strict oder bei XHTML rendern dagegen alle Browser im Standard-Modus.

Ausnahmen:
- alte Browser (IE5 und 5.5 sowie Netscape 4) kennen den Doctype-Switch nicht.

- IE6-Bug: der IE6 rendert im Quirksmode, wenn bei XHTML-Dokumenten der XML-Prolog davor geschaltet ist ( <?xml version="1.0" encoding="utf-8"?> ). Daher sollte man den Prolog besser weglassen - dies ist auch vom W3C erlaubt. Achtung: vom deutschsprachigen Validator (http://www.validome.org/ kommt dann eine Warnung.
Wenn Kommentare vor den Doctype gesetzt werden, fällt der IE 6 ebenfalls in den Quirksmode.

Weitere Ausnahmen und Feinheiten s. Artikel von LANtastic.

So, wann denn nun aber welcher Doctype?

Ich würde es nach dem Aufbau der Seite entscheiden. Man kann sicher drüber streiten, aber hier mal meine Tipps:

a) Frameset/Iframes:
Dies ist eher eine alte Codetechnik, die am besten mit dem Quirksmode funktioniert. Im Standardmodus hat der IE6 den Bug, dass immer ein horizontaler Scrollbalken im Frame erscheint - auch wenn er nicht gebraucht wird.
Tipp: Startseite HTML 4.01Frameset, alle anderen Seiten HTML 4.01 Transitional ohne URL
(noch besserer Tipp: kein Frameset benutzen

)

b) Tabellenaufbau:
Auch das ist eine alte Codetechnik, die besser im Quirksmode klappt, vor allem, wenn viele gesclicte Grafiken untergebracht werden sollen. Im Standardmodus erscheinen dann meist Lücken unter
den Bildern. Hier der Grund dafür: http://dodabo.de/html+css/img-table/

c) CSS-Layout:
CSS ist eine moderne Codetechnik, die den W3C-Standards am besten entspricht. Hier sollte man einen Doctype wählen, bei dem alle Browser im Standard-Modus rendern.Nur dann berechnen alle modernen Browser das Boxmodell korrekt, was zum Layouten mit CSS sehr wichtig ist. Ob man nun HTML 4.01 oder XHTML nimmt, ist ein wenig "Geschmackssache".

Nachfolgend ein paar Überlegungen dazu:

XHTML:
XHTML ist wohlgeformtes HTML für XML-Anwendungen. Überlegung war/ist, dass auch andere XML-Anwendungen gut eingebunden werden können.
Es gibt nur 1 Problem dabei: Der Internet-Explorer (auch der 6er!) kann leider kein XHMTL! Gibt man es ihm mit dem korrekten MIME-Typen (application/xhtml+xml), so bietet er das Dokument zum Download an und öffnet es nicht. Man muß es ihm also als HTML verkaufen (text/html).
Dann behandelt er es wie normales HTML und kann damit umgehen. Meist wird es so gehandhabt, dass XHTML-Dokumente generell als text/html ausgeliefert werden. Dann werden sie von allen Browsern aber auch wie HTML behandelt und nicht mit dem XML-Parser gerendert. Die Vorteile von XHTML hat man damit also nicht mehr. Bei XHTML 1.0 ist dieses Vorgehen aber noch erlaubt und es bringt die wenigsten Probleme.
Bei XHMTL 1.1 ist dies hingegen nicht mehr erlaubt - daher sollte dieser Doctype auch noch nicht verwendet werden. Hier mehr dazu: http://www.w3.org/TR/xhtml-media-types/#summary
Korrekter wäre ohnehin die getrennte Auslieferung per serverseitiger Abfrage - dann bekommen XHTML-fähige Browser auch echtes XHTML vorgesetzt. Hier steht, wie's geht: http://schneegans.de/tips/apache-xhtml/

Zusammenfassung: Vorteile bietet XHTML bis jetzt noch nicht - in der Praxis aber auch nicht unbedingt Nachteile. HTML 4.01 strict unterscheidet sich ja auch kaum von XHTML 1.0 strict, von den paar zusätzliches slashes und ein paar Besonderheiten in den Formularen (checked="checked" z.B.) mal abgesehen.

So, und nun sucht Euch den passenden Doctype aus!

**cchet** · 01.02.2012 10:51

We use JSF/Primefaces with a custom design and faced the issue that IE displayed our views not correctly if opened in a frame, but displayed it correctly when opend in a single tab.
We spend hours over hours to find a solution and then we found your post which gave us the hint we needed.

It turned out that in our main site (were the framesets are defined) the DOCTYPE was defined without .dtd and this was the reason why IE used document mode quirks and this destryoed our design. We added the link to the .dtd and it worked.

Former:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

Now:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

We will use your post for our internal wiki, so that this wont happen again.
Thank you very much.

zur Startseite vom TP

Thema: Der richtige Doctype

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Der richtige Doctype

Fixed our Frame/IE issue

Ähnliche Themen

Zahlungsverweigerung eines Kunden

Die Allround-Deppen der New-Media-Industrie

Bestimmte Seiten laden nicht

Bayern vs. VWolfsburg :D

systemcheck

LinkBacks (?)

Neues Design fr Lord Landless - Darstellungsfragen

polarity's bookmarks tagged with "html" on del.icio.us

Aktive Benutzer

Aktive Benutzer