# Footer

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

## Playground

```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

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

## Barrierefreiheit

-   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.