Footer

Der Fußzeile: Marke mit Jahreszahlen, wer es gemacht hat und die Links, die sich auf die gesamte Site beziehen.

Auf dieser Seite

Playground

Seit

Hintergrund

HTML

<footer class="feitio-footer"><div class="inner"><span class="who"><strong>Feitio</strong><span>© <span data-since="2026">2026</span></span></span><ul><li><a href="#playground">Änderungen</a></li><li><a href="#playground">MIT-Lizenz</a></li><li><a href="#playground">GitHub</a></li></ul></div></footer>

Wann verwenden

Am Ende jeder Seite einer Dokumentations- oder institutionellen Website.

Wann nicht verwenden

Auf einem Arbeitsschirm: Was im Footer Platz nimmt, geht in den Drawer-Footer.
Als zweites Menü, das auf jeder Seite wiederholt erscheint.

Beispiele

Der Footer

Das Logo und die Jahre links; die Links rechts. Auf Mobilgeräten, eines unter dem anderen.

Code anzeigen

HTML

<footer class="feitio-footer">
  <div class="inner">
    <span class="who">…<strong>Feitio</strong> © <span data-since="2026">2026</span></span>
    <ul><li><a href="/mudancas">Mudanças</a></li>…</ul>
  </div>
</footer>

Die Jahre

Das Jahr stammt aus der data-since-Attribute: während es dasselbe Jahr ist, zeigt es nur das an ("2026"); wenn das Jahr wechselt, zeigt es den Bereich ("2026–2027") eigenständig an, ohne dass jemand es bearbeitet.

Anatomie

Wer: das Logo, der Name und die Jahre.
Links: ein paar, die sich auf die gesamte Website beziehen.

Es ist ein <footer>: Screenreader rufen die Region.

Attribute

Attribut	Werte	Zum Zweck
`class="feitio-footer"`	auf dem `<footer>`	Der Footer, mit der Haardrucke oben.
`data-since`	das erste Jahr	Zeigt das Jahr oder den Bereich einmal das Jahr dreht.