Baseline Widely available
Das <header> HTML Element repräsentiert einleitende Inhalte, typischerweise eine Gruppe von einleitenden oder navigierenden Hilfsmitteln. Es kann einige Ãberschriftselemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
<header>
<a class="logo" href="#">Cute Puppies Express!</a>
</header>
<article>
<header>
<h1>Beagles</h1>
<time>08.12.2014</time>
</header>
<p>
I love beagles <em>so</em> much! Like, really, a lot. Theyâre adorable and
their ears are so, so snugly soft!
</p>
</article>
.logo {
background: left / cover
url("/shared-assets/images/examples/puppy-header.jpg");
display: flex;
height: 120px;
align-items: center;
justify-content: center;
font:
bold calc(1em + 2 * (100vw - 120px) / 100) "Dancing Script",
fantasy;
color: #ff0083;
text-shadow: black 2px 2px 0.2rem;
}
header > h1 {
margin-bottom: 0;
}
header > time {
font: italic 0.7rem sans-serif;
}
Das <header>-Element hat eine identische Bedeutung zur seitenweiten banner Landmarke, es sei denn, es ist innerhalb von gliedernden Inhalten verschachtelt. Dann ist das <header>-Element keine Landmarke.
Das <header>-Element kann ein globales Site-Header definieren, das als banner im Barrierefreiheitsbaum beschrieben wird. Es enthält normalerweise ein Logo, den Firmennamen, eine Suchfunktion und möglicherweise die globale Navigation oder ein Slogan. Es befindet sich in der Regel am oberen Rand der Seite.
Andernfalls ist es ein section im Barrierefreiheitsbaum und enthält üblicherweise die Ãberschrift des umgebenden Abschnitts (ein h1 â h6 Element) und eine optionale Unterüberschrift, dies ist jedoch nicht erforderlich.
Das <header>-Element existierte ursprünglich am Anfang von HTML für Ãberschriften. Es ist auf der allerersten Website zu sehen. Zu einem bestimmten Zeitpunkt wurden Ãberschriften zu <h1> bis <h6>, sodass <header> frei ist, eine andere Rolle zu übernehmen.
Dieses Element umfasst nur die globalen Attribute.
BarrierefreiheitDas <header>-Element definiert eine banner Landmarke, wenn sein Kontext das <body> Element ist. Das HTML-Header-Element gilt nicht als Banner-Landmarke, wenn es ein Nachkomme eines <article>, <aside>, <main>, <nav>, oder <section> Elements ist.
<article>
<header>
<h2>The Planet Earth</h2>
<p>
Posted on Wednesday, <time datetime="2017-10-04">4 October 2017</time> by
Jane Smith
</p>
</header>
<p>
We live on a planet that's blue and green, with so many things still unseen.
</p>
<p><a href="https://example.com/the-planet-earth/">Continue readingâ¦</a></p>
</article>
<header> oder <footer> Nachkomme. Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind verpflichtend. Erlaubte Eltern Jedes Element, das Flussinhalt akzeptiert. Beachten Sie, dass ein <header>-Element kein Nachkomme eines <address>, <footer> oder eines anderen <header>-Elements sein darf. Implizite ARIA-Rolle banner, oder generic wenn es ein Nachkomme eines article, aside, main, nav oder section Elements ist, oder eines Elements mit article, complementary, main, navigation oder region Rolle Erlaubte ARIA-Rollen group, presentation oder none DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement) Spezifikationen Browser-Kompatibilität Siehe auch
<body>, <nav>, <article>, <aside>, h1, h2, h3, h4, h5, h6, <footer>, <section>, <address>.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4