Zum Inhalt springen

Wie können wir helfen?

HTML Struktur

Du bist hier:
< Alle Themen

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.⁠

Inhaltsverzeichnis