English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML Referenzhandbuch

Vollständiges HTML-Tag-Verzeichnis

HTML: <header> Tag

Das HTML <header>-Element ist ein HTML5Element, das einen Kopf definiert, der normalerweise das Logo, einen Suchformular und eine einleitende Information im HTML-Dokument enthält. Dieses Element wird auch als <header>-Element bezeichnet.

Online-Beispiel

Erstellen Sie das <header>-Element, gefolgt vom <article>-Element:

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 header-Tagsverwendung (Grundlagen-Tutorial-Netz oldtoolbag.com)</title>
</head>
<body>
<header>
  <img src="/static/images/logo.png" alt="Logo">
</header>
<article>
  <h1>Kopfzeile für den Artikel</h1>
  <p>Text, der unter dem Artikel angezeigt wird</p>
</article>
</body>
</html>
Test to see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

IE 9, Firefox, Opera, Chrome and Safari support the <header> tag.

Note:IE 8 or earlier versions of IE browsers do not support the <header> tag.

Tag Definition and Usage

The <header> tag defines the header of a document or section of a document.

The <header> element should be used as a container for introductory content or navigation links.

In a document, you can define multiple <header> elements.

Note:The <header> tag cannot be placed inside <footer>, <address>, or another <header> element.

HTML 4.01 versus HTML5differences

The <header> tag is part of HTML 5 new tags.

Global Attributes

Support for <header> Tag Global Attributes of HTML.

Event Attributes

Support for <header> Tag HTML Event Attributes.