Das Header Tag wird auch als <header>-Element bezeichnet und ist ein HTML-Container für einführende Inhalte oder eine Reihe von Links zur Navigation. Eine HTML-Datei kann auch mehrere <header>-Elemente enthalten, doch kann nicht im <address>-Tag, <footer>-Tag oder einem anderen Header-Tag enthalten sein. Das <header>-Element sollte nicht mit dem <head>-Element verwechselt werden.
Was ist der Unterschied zwischen dem Head- und Header-Tag?
Der Head einer HTML-Seite enthält im Normalfall allgemeine Informationen, also MetadatenMetadaten geben Informationen über eine Ressource. Bei Webseiten gehören zu den Metadaten zum Beispiel der Title-Tag und die Meta-Description, die dem Nutzer etwas über die Seite verraten, doch auch Anweisungen für die Seite, wie etwa Weiterleitungen, sind in den Metadaten hinterlegt. Mehr zum jeweiligen Dokument, dazu kommen Links zu Skripten und Stylesheets. Der Header Tag markiert meistens den oberen Bereich des Bodys <body>
und beinhaltet häufig folgende Elemente:
- H-Überschriften (Headings H1-H6x, wobei nur eine H1-Überschrift zulässig ist)
- ein Logo
- Suchformular
- Navigationslinks
Das <header> und <head>-Tag können mitunter gleiche Elemente enthalten.