Wie Browser HTML-Seiten richtig darstellen

Der HTML-Standard verlangt von jedem HTML-Dokument die Angabe des Dokumententyps per DOCTYPE. Es spezifiziert den zugrundeliegenden Standard. ZDNet erklärt, wie man den richtigen Dokumententyp wählt.

Die DOCTYPE-Deklaration erscheint ganz am Anfang einer Webseite, noch vor dem öffnenden HTML-Tag. Sie teilt dem Browser mit, welche HTML- oder XHTML-Spezifikation das Dokument verwendet. Eine gültige DOCTYPE-Deklaration bedeutet, dass standardkonforme Browser die Seite korrekt darstellen. Außerdem wird auch der Rest der Seite, HTML-Code und CSS, nicht validiert, wenn keine gültige DOCTYPE-Deklaration vorliegt.

Validierungsdienste wie der Markup Validation Service des W3C oder der HTML Validator der Web Design Group verlangen eine DOCTYPE-Deklaration auf jeder Seite.

Die DOCTYPE-Deklaration besteht aus drei Teilen: Start, Public Identifier und System Identifier. Der System Identifier ist optional und kann weggelassen werden. Die folgende Zeile bietet ein Beispiel für eine Seite, die dem Standard "HTML 4.01 Strict" entspricht:


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

Hier folgen die einzelnen Bestandteile des Codes:

  • Start: <!DOCTYPE HTML PUBLIC
  • Public Identifier: "-//W3C//DTD HTML 4.01//EN"
  • System Identifier: "http://www.w3.org/TR/html4/strict.dtd">

Wichtig: Beim Public Identifier kommt es auf die Groß- und Kleinschreibung an. Daher muss er exakt so angegeben werden wie in der entsprechenden Definition im nächsten Abschnitt.

Fanden Sie diesen Artikel nützlich?
0 von 1 Lesern fanden diesen Artikel nützlich.

Aktuelle Job-Angebote

ZDNet.de Live

Eine ...

Eine Mitteilung betreffs des Teilens t.co/...

10.02.12, 10:20 von silicon_de
Socia ...

Social Networker bei Freunden wählerisch t.co/...

10.02.12, 10:20 von silicon_de
Micro ...

Microsoft kündigt Patches für Windows, Office und Internet Explorer an t.co/...

10.02.12, 09:50 von zdnet_de
Forsc ...

Forscher knacken PIN-Verschlüsselung von Google Wallet t.co/...

10.02.12, 09:30 von zdnet_de
Analy ...

Analyst: Lenovo set to dethrone HP in PC market. t.co/...

10.02.12, 09:21 von zdnetasia
iPhon ...

iPhone Apps schnüffeln mehr als man denkt t.co/...

10.02.12, 09:10 von silicon_de
Kodak ...

Kodak stellt Kamerageschäft ein t.co/...

10.02.12, 09:10 von zdnet_de
Onlin ...

Online retailers, not e-books, threat to bookstores. t.co/...

10.02.12, 08:52 von zdnetasia
M-ban ...

M-banking adoption outpacing security. t.co/...

10.02.12, 08:42 von zdnetasia
BTW ...

BTW blog by @eileenzdnetasia: Govt IT in need of transformation, basics must remain unchanged. t.co/...

10.02.12, 08:30 von zdnetasia
IBM ...

IBM to fix David Jones' online sales: t.co/...

10.02.12, 07:11 von zdnetaustralia
AFL ...

AFL fights Optus for its copyright: t.co/...

10.02.12, 07:04 von zdnetaustralia
Satel ...

Satellite-hating Libs blow policy free kick: t.co/...

10.02.12, 06:59 von zdnetaustralia
Watch ...

Watch as the world's largest screen, IMAX, be replaced t.co/...

10.02.12, 06:26 von zdnetaustralia
One ...

One podcast with the lot: t.co/...

10.02.12, 06:14 von zdnetaustralia
Optus ...

Optus fibre cable cut in ACT: t.co/...

10.02.12, 05:52 von zdnetaustralia
NAB ...

NAB glitch leaves customers cashless t.co/...

10.02.12, 05:41 von zdnetaustralia
Conro ...

Conroy sets spectrum renewal prices t.co/...

10.02.12, 05:25 von zdnetaustralia
Roll ...

Roll up, roll up! Oracle digest Taleo t.co/...

10.02.12, 05:10 von ZDNet
World ...

World's largest IMAX gets a new screen: photos t.co/...

10.02.12, 05:05 von zdnetaustralia