Tutorial: HTML: Das Grundgerüst

Aus XHTMLwiki

Wechseln zu: Navigation, Suche

Jedes HTML Dokument besteht aus einem Grundgerüst. Es muss vorhanden sein damit der Browser es fehlerfrei darstellen kann. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>Dokument Titel</title>
  </head>
  <body>
    Inhalt des Dokuments
  </body>
</html>

Ganz oben im Grundgerüst steht der Doctype. Er zeigt dem Browser welche Version von HTML verwendet wird und an welcher Adresse die DTD-Definition der Seite liegt. In dieser Einführung wird wie bereits angekündigt XHTML 1.0 Strict verwendet. Es gibt auch noch andere Varianten wie z.B. Transitional oder Frameset. Strict kommt den Zukünftigen HTML Versionen jedoch am nächsten.

Das eigentliche HTML Dokument beginnt erst danach zwischen den html-Elementen. Sie müssen immer den Kopf- oder head-Bereich und den Rumpf- oder body-Bereich enthalten. Das html-Element enthält noch das xmlns-Attribut welches bewirkt das alle Elemente automatisch in den XHTML-Namensraum fallen. Ausserdem gibt es auch noch das lang-Attribut. Es legt die Sprache des Dokuments fest und muss ein offizielles Länderkürzel enthalten. Man fragt sich nun weshalb es zweimal angegeben wird. lang ist eine Universalattribut und gibt in jedem XML sowie (X)HTML Dokument die Sprache an. Da XHTML auf XML basiert muss es einmal im XML-Namensraum und einmal im XHTML-Namensraum angegeben werden.

Im Kopf-Bereich werden Dinge angegeben welche nachher nicht im Browser zu sehen sind, wei z.B. Meta-Angaben, Scripte, Stylesheets und der Titel des Dokuments. Wobei der Titel mit zum Grundgerüst gehört und damit ebenfalls pflicht ist. Er wird über das title-Element angegeben und in den meisten Browsern später oben in der Titleleiste angezeigt.

Der Dokumentrumpf enthält denn sichtbaren Teil des Dokuments. Hier kommt der auch nachher unser Text und alle anderen Tags rein. Unser Beispiel zeigt uns jedoch noch etwas anderes. Wir sehen das die einzelnen Tags, wie in einer Hirarchie, eingerückt sind. Das ist zwar nicht notwendig, jedoch empfehlenswert um das Dokument lesbar zu halten. Wir würden empfehlen das man sich an diese Strukturierung hält damit man sich immer wieder schnell zurecht findet.

[bearbeiten] Andere doctypes

Wie bereits gesagt wurde gibt es verschiedene HTML Versionen. Jede Version hat seinen eigenen Doctype. Hier nochmal ein kurze überblick über die Doctypes anderer HTML Versionen. Wenn man sich die Verschiedenen Doctypes ansieht merkt man schnell das in HTML 4.01 und XHTML 1.0 jeweils drei Variantel vorhanden sind. Transitional ist eine "läßige" Variante die am wenigsten einschränkt. Strict ist die strenge Variante und Frameset dient dazu Frames zu erstellen.

HTML 2.0 (veraltet): 

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 3.2 (veraltet): 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

HTML 4.01 Transitional: 

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

HTML 4.01 Strict: 

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

HTML 4.01 Frameset: 

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

XHTML 1.0 Transitional: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Strict: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Frameset: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Von „http://xhtmlwiki.de/Tutorial:_HTML:_Das_Grundger%C3%BCst“