HTML Struktur
Ein HTML Dokument wir in einer definierten Struktur aufgebaut, um diese lesbar und optimiert für z.B. Webbrowser zu erstellen.
!DOCTYPE HTML
Jedes HTML5 Dokument muss mit <!DOCTYPE HTML> beginnen, damit ein Browser das Dokument als HTML Dokument identifiziert.
html bis /html
In diesem Bereich werden die Grenzen des HTML-Dokuments definiert und das restliche Dokument eingeschlossen.
head bis /head
Der Inhalt des Head Bereichs ist für den User nicht sichtbar, da dieser Bereich Informationen über das HTML Dokument beinhaltet. Dies sind z.B. Hinweise für Suchmaschinen oder die Darstellung. Auch können externe Skripte und Styles (CSS) definiert werden. Optimal sollte der Zeichensatz, Favicon Pfad, Sprache, Titel der Seite, Zusammenfassung/Beschreibung des Inhalts, Pfad zu CSS beinhaltet sein.
body bis /body
Im Body Bereich wird der eigentliche sichtbare Inhalt eines HTML Dokuments platziert. Der Inhalt wird hierbei noch in eigene Bereiche eingeteilt um es Entwicklern und der Browserverarbeitung zu vereinfachen.
header bis /header
Hier wird die Navigation “nav” und die Hauptüberschrift “h1” hinterlegt.
section bis /section
Eine Section ist eine inhaltliche Abgrenzung eines bestimmten Bereiches.
article bis /article
Der Article ist ein Inhaltsblock und beinhaltet somit den eigentlichen Inhalt in Form von Texten/Bildern/Videos.
aside bis /aside
In diesem Element kann ein Inhalt neben einer Section dargestellt werden.
footer bis /footer
Der Footer ist die Navigation am unteren Bereich einer Seite. Ein Footer beinhaltet oftmals die Kontaktdaten und eine Navigation zu den wichtigsten Seiten mit einer Verlinkung z.B. zum Datenschutz und Impressum. Die letzte Zeile eines Footers besteht in der Regel aus dem Copyright, dem Websitename und der aktuellen Jahreszahl.