3346 Aufrufe

Das HTML Grundgerüst

Eine HTML-Datei hat ein festes Grundgerüst. Dieses besteht aus den Elementen Doctype (Dokumenttyp), html (HTML-Datei), head (eng. Kopf) und body (eng. Körper).

<!DOCTYPE>

<html>
  <head>
      Kopfdaten
  </head>
  <body>
      Anzuzeigender Inhalt
  </body>
</html>

Dokumenttyp-Deklaration

Das Element <!Doctype> am Anfang einer HTML-Datei bestimmt Version und Typ des Dokumentes. Die Dokumenttyp-Angabe und die Einhaltung der entsprechenden Regeln sind nötig, damit die HTML-Datei als gültig (valide) gilt.

<!DOCTYPE>
<html>
  <head>
      Kopfdaten
  </head>
  <body>
      Anzuzeigender Inhalt
  </body>
</html>

Das <html> Element

Das Element <html> definiert den Anfang und das Element </html> das Ende der HTML-Datei. Es besitzt keine nennenswerten Attribute, ist aber für die Einheit der Seite dennoch wichtig.

<!DOCTYPE>
<html>
  <head>
      Kopfdaten
  </head>
  <body>
      Anzuzeigender Inhalt
  </body>
</html>

Der Kopfbereich

Die Element <head> und </head> markieren den Bereich, in welchem die Kopfdaten einer HTML-Datei notiert werden. Hier werden die Dinge festgelegt, welche nicht so sehr das Aussehen und/oder die Struktur des Dokuments behandeln.

<!DOCTYPE>
<html>
  <head>
      Kopfdaten
  </head>
  <body>
      Anzuzeigender Inhalt
  </body>
</html>

Der anzuzeigende Inhalt

Zwischen dem HTML Element <body> und dem HTML Element </body> wird der eigentliche Inhalt des HTML-Dokumentes notiert, also alles was vom Browser dargestellt werden soll.

Weiterführende Informationen:

HTML-Referenz für das Element <!Doctype> (Element zur Dokumenttyp-Deklaration)
HTML-Referenz für das Element <html> (Element zum definieren eine HTML-Datei)
HTML-Referenz für das Element <head> (Element zum definieren des Kopfbereiches)
HTML-Referenz für das Element <body> (Element zum definieren des Datei-Körpers)
HTML Einführung - Struktur (Das HTML Grundgerüst)

Weblinks:

The global structure of an HTML document (W3C englische Referenz)
Die globale Struktur eines HTML-Dokuments (W3C Übersetzung)
Grundgerüst einer HTML-Datei (SelfHTML deutsch)
Hypertext Markup Language - HTML Struktur (Wikipedia)