RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/footer below:

<footer>: Das Footer-Element - HTML

<footer>: Das Footer-Element

Baseline Widely available

Das <footer> HTML-Element reprÃ¤sentiert ein Footer fÃ¼r sein nÃ¤chstes Ã¼bergeordnetes Sectioning-Content- oder Sectioning-Root-Element. Ein <footer> enthÃ¤lt typischerweise Informationen Ã¼ber den Autor der Sektion, Copyright-Daten oder Links zu verwandten Dokumenten.

Probieren Sie es aus

<article>
  <h1>How to be a wizard</h1>
  <ol>
    <li>Grow a long, majestic beard.</li>
    <li>Wear a tall, pointed hat.</li>
    <li>Have I mentioned the beard?</li>
  </ol>
  <footer>
    <p>Â© 2018 Gandalf</p>
  </footer>
</article>

article {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

footer {
  display: flex;
  justify-content: center;
  padding: 5px;
  background-color: #45a1ff;
  color: white;
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Anwendungshinweise

SchlieÃen Sie Informationen Ã¼ber den Autor in ein <address>-Element ein, das in das <footer>-Element aufgenommen werden kann.
Wenn das nÃ¤chste Ã¼bergeordnete Sectioning-Content- oder Sectioning-Root-Element das Body-Element ist, gilt der Footer fÃ¼r die gesamte Seite.
Das <footer>-Element ist kein Sectioning-Content und fÃ¼hrt daher nicht zu einem neuen Abschnitt in der Gliederung.

Barrierefreiheit

Vor der VerÃ¶ffentlichung von Safari 13 wurde die contentinfo Landmark-Rolle nicht korrekt von VoiceOver dargestellt. Wenn Sie Ã¤ltere Safari-Browser unterstÃ¼tzen mÃ¼ssen, fÃ¼gen Sie role="contentinfo" zum footer-Element hinzu, um sicherzustellen, dass das Landmark korrekt dargestellt wird.

Verwandt: WebKit Bugzilla: 146930 â AX: HTML native elements (header, footer, main, aside, nav) should work the same as ARIA landmarks, sometimes they don't

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: black;
}

Technische Zusammenfassung Inhaltskategorien Flow-Content, greifbarer Inhalt. Erlaubte Inhalte Flow-Content, aber ohne <footer>- oder <header>-Nachkommen. Tag-Auslassung Keine, sowohl der Start- als auch der End-Tag sind erforderlich. Erlaubte Eltern-Elemente Jedes Element, das Flow-Content akzeptiert. Beachten Sie, dass ein <footer>-Element kein Nachkomme eines <address>, <header> oder eines anderen <footer>-Elements sein darf. Implizite ARIA-Rolle contentinfo, oder generic wenn ein Nachkomme eines article, aside, main, nav oder section-Elements, oder eines Elements mit article, complementary, main, navigation oder region-Rolle Erlaubte ARIA-Rollen group, presentation oder none DOM-Interface [`HTMLElement`](/de/docs/Web/API/HTMLElement) Spezifikationen Browser-KompatibilitÃ¤t Siehe auch

Andere sektionenbezogene Elemente: <body>, <nav>, <article>, <aside>, h1, h2, h3, h4, h5, h6, <hgroup>, <header>, <section>, <address>;
Verwendung von HTML-Sektionen und Gliederungen
ARIA: Contentinfo-Rolle

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