HTML/Elemente/header
Aus SELFHTML-Wiki
Dieser Artikel behandelt das strukturierende HTML-Element header.
- Für HTTP-Header-Felder siehe HTTP/Header,
- für das (nicht sichtbare) HTML-Element head siehe head.
Das header-Element enthält den sichtbaren Kopfbereich einer Webseite oder eines Teils einer Seite, der für einleitende Inhalte gedacht ist.
Beispiel
<header>
<img src="Logo-Neu.png"
alt="SELFHTML - Die Energie des Verstehens">
<p>Herzlich willkommen!</p>
</header>
Empfehlung: header mit nur einer Überschrift sind semantisch sinnlos. Sie blähen nur das Markup unnötig auf und sollten weggelassen werden.
Siehe auch
- Tutorial HTML5-Seitenstrukturierung
- SELFHTML-Blog: mehrteilige HTML5-Serie
Weblinks
- Spezifikation (W3C): The header-Element
Syntax | Start-Tag: notwendig End-Tag: notwendig <header>…</header> |
---|---|
WAI-ARIA-Rolle |
|
Elternelemente | Darf vorkommen in:
Info: Fluss-Elemente (flow content)Info: Fluss-Elemente (flow content) Information: Fluss-Elemente
|
erlaubte Inhalte |
Info: Fluss-Elemente (flow content)Info: Fluss-Elemente (flow content)
Information: Fluss-Elemente
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content) Info: ÜberschriftenInfo: Überschriften
Information: Stil-Elemente
|
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | ID | Tastaturkürzel | |
contenteditable | CDATA | editierbarer Inhalt | |
contextmenu | definiert Kontextmenü | ||
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | ID | kann mit Drag & Drop gezogen werden | |
dropzone | CDATA | Aktion bei Ablegen | |
hidden | versteckter Inhalt | ||
lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | ID | Rechtschreibprüfung | |
style | CDATA | notiert direkt in einem Element- style sheet data | |
tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | CDATA | betitelt oder beschreibt ein Element. |
Attribut: Pflichtattribut
Attribut: optionales Attribut