HTML5 Grundgerüst

An der Doctype Deklaration erkennt der Browser, dass es sich bei dem aufgerufenen Dokument um eine Internetseite handelt und dass er sie auch als solche behandeln sollte.

Der "Head" (also Kopf) Bereich enthält weitere wichtige Angaben zur Seite. Zum Beispiel die Zeichenkodierung oder das CSS Script, das mit der Seite aufgerufen werden muss.
<meta charset> Gibt an in welcher Zeichenkodierung das HTML Dokument geschrieben wurde. In unserem Fall ist dies UTF8. In UTF8 können alle Sonderzeichen, die in der deutschen Sprache gebräuchlich sind benutzt werden.

<meta name viewport> Damit wird verhindert, dass die Internetseite auf mobilen Browsern klein angezeigt wird. Es skaliert die Seite auf das Browserfenster. Dies kann auch ausgelassen werden.

<meta name keywords> Wird von Suchmaschinen verwendet um die Stichworte einer Seite auszulesen.

<link rel stylesheet> Sagt dem Browser in welchem Verzeichnis das CSS Dokument liegt, welches der Browser mit der Seite mitladen muss. Dazu kommen wir später.

<style> Hier kann statt dem link rel CSS Attribute reingeschrieben werden. Bei größeren CSS Dokumenten wird es unübersichtlich, deswegen wird es nicht oft gebraucht.

<title> Dies gibt den Seitentitel der Internetseite an. Im Tab wird der Inhalt dann angezeigt.

</head> Hier wird der Head Tag wieder geschlossen.


In den Body Bereich wird der Inhalt der Seite geschrieben, sowie Javascript Scripts ausgeführt (dazu später mehr).