Das Tag <header> definiert den oberen Kolumnentitel. Dieser Teil enthält in der Regel das Logo, das Navigationsmenü, die Suchform usw.
Das Tag <header> ist ein neues Element in HTML 5. Im HTML-Dokument können einige Elemente <header>, die sich in jener seiner Teil befinden, verwendet werden.
Es ist verboten, das Tag <header> innerhalb der Elemente <footer> und <address> sowie innerhalb des Tags <header> zu platzieren.
Syntax des Tages <header>
Der Inhalt des Tages wird zwischen den Start- (<header>) und Endtags (</header>) geschrieben.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
li {
display: inline-block;
margin-right: 10px;
color: #778899;
}
</style>
</head>
<body>
<header>
<nav>
<ul style="padding:0;">
<li>Home</li>
<li>Über uns</li>
</ul>
</nav>
<h1>Willkommen in unserer Webseite</h1>
<hr>
</header>
<article>
<header>
<h2>Die Kopfzeile des Abschnittes</h2>
<p>Der Absatz des Textes.</p>
</header>
</article>
</body>
</html>Ergebnis
Attribute
Das Tag <header> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|---|---|---|---|
| 6+ | 4+ | 5+ | 11.1+ |
Übe dein Wissen
Was ist die Bedeutung und Verwendung des HTML <header>-Tags?
Richtig!
Falsch!