<footer>: Das Footer-Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das <footer>
- HTML-Element repräsentiert eine Fußzeile für das nächstgelegene übergeordnete Sectioning-Content- oder Sectioning-Root-Element. Ein <footer>
enthält typischerweise Informationen über den Autor des Abschnitts, Urheberrechtsdaten oder Links zu verwandten Dokumenten.
Probieren Sie es aus
Attribute
Dieses Element enthält nur die globalen Attribute.
Nutzungshinweise
- Schließen Sie Informationen über den Autor in ein
<address>
-Element ein, das in das<footer>
-Element eingefügt werden kann. - Wenn das nächstgelegene übergeordnete Sectioning-Content- oder Sectioning-Root-Element das
<body>
-Element ist, bezieht sich die Fußzeile auf die gesamte Seite. - Das
<footer>
-Element ist kein Sectioning-Content und führt daher keinen neuen Abschnitt in der Gliederung ein.
Barrierefreiheit
Vor der Veröffentlichung von Safari 13 wurde die contentinfo
-Landmark-Rolle von VoiceOver nicht ordnungsgemäß erkannt. Wenn Sie ältere Safari-Browser unterstützen müssen, fügen Sie dem footer
-Element role="contentinfo"
hinzu, um sicherzustellen, dass das Landmark korrekt erkannt wird.
Beispiele
<body>
<h3>FIFA World Cup top goalscorers</h3>
<ol>
<li>Miroslav Klose, 16</li>
<li>Ronaldo Nazário, 15</li>
<li>Gerd Müller, 14</li>
</ol>
<footer>
<small>
Copyright © 2023 Football History Archives. All Rights Reserved.
</small>
</footer>
</body>
footer {
text-align: center;
padding: 5px;
background-color: #abbaba;
color: #000;
}
Technische Zusammenfassung
Inhaltskategorien | Fließ-Content, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Fließ-Content, jedoch keine <footer> - oder <header> -Nachfahren. |
Tags-Auslassung | Keine, sowohl der startende als auch der endende Tag sind erforderlich. |
Erlaubte Eltern | Jedes Element, das Fließ-Content akzeptiert. Beachten Sie, dass ein <footer> -Element kein Nachfahre eines <address> , <header> oder eines anderen <footer> -Elements sein darf. |
Implizite ARIA-Rolle | contentinfo, oder generic, wenn ein Nachfahre eines article, aside, main, nav oder section-Elements, oder eines Elements mit role=article , complementary , main , navigation oder region . |
Erlaubte ARIA-Rollen | group , presentation oder none |
DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
Specification |
---|
HTML Standard # the-footer-element |
Browser-Kompatibilität
BCD tables only load in the browser