# Footer

El pie de página: la marca con los años, quien la hizo y los enlaces que aplican a todo el sitio.

## 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">Cambios</a></li><li><a href="#playground">Licencia MIT</a></li><li><a href="#playground">GitHub</a></li></ul></div></footer>
```

## Cuándo usarlo

-   Al final de cada página de un sitio de documentación o institucional.

## Cuándo no usarlo

-   **En una pantalla de trabajo:** lo que va en el pie de página va en el pie de página del Drawer.
-   **Como segundo menú**, se repite en cada página.

## Ejemplos

### El pie de página

La marca y los años a la izquierda; los enlaces a la derecha. En móvil, uno debajo del otro.

Mostrar código

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

## Los años

El año proviene del atributo `data-since`: aunque es el mismo año, muestra solo eso ("2026"); cuando cambia el año, muestra el rango ("2026–2027"), por sí solo, sin que nadie lo edite.

## Anatomía

1.  **Quién:** la marca, el nombre y los años.
2.  **Enlaces:** unos pocos, los que aplican a todo el sitio.

## Accesibilidad

-   Es un `<footer>`: los lectores de pantalla anuncian la región.

## Atributos

Atributo

Valores

Para qué sirve

`class="feitio-footer"`

en el `<footer>`

El pie, con la línea de cabello arriba.

`data-since`

el primer año

Muestra el año o el rango una vez que se cumple el año.
