<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 einen Footer für seinen nächsten Vorfahren in der Sektionsinhalt oder Sektionswurzel. Ein <footer> enthält typischerweise Informationen über den Autor der Sektion, Urheberrechtsdaten oder Links zu verwandten Dokumenten.

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Anwendungsnotizen

  • Fügen Sie Informationen über den Autor in ein <address>-Element ein, das in das <footer>-Element aufgenommen werden kann.
  • Wenn das nächste vorangegangene Sektionsinhalt- oder Sektionswurzelelement das body-Element ist, gilt der Footer für die gesamte Seite.
  • Das <footer>-Element ist kein Sektionsinhalt 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äß dargestellt. Wenn Sie ältere Safari-Browser unterstützen müssen, fügen Sie role="contentinfo" zum footer-Element hinzu, um sicherzustellen, dass die Markierung ordnungsgemäß dargestellt wird.

Beispiele

html
<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>
css
footer {
  text-align: center;
  padding: 5px;
  background-color: #abbaba;
  color: #000;
}

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, greifbarer Inhalt.
Erlaubter Inhalt Flussinhalt, jedoch ohne <footer> oder <header> Nachkommen.
Tag-Auslassung Keine, sowohl das Start- als auch das Endtag sind erforderlich.
Erlaubte Eltern Jedes Element, das Flussinhalt akzeptiert. Beachten Sie, dass ein <footer>-Element kein Nachkomme eines <address>, <header> oder eines anderen <footer>-Elements sein darf.
Implizierte ARIA-Rolle contentinfo, oder generic wenn ein Nachkomme von einem article, aside, main, nav oder section-Element oder ein Element 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
# the-footer-element

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
footer

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch