Footer
El pie de página: la marca con los años, quien la hizo y los enlaces que aplican a todo el sitio.
En esta página
Playground
Desde
Fondo
<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
<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
- Quién: la marca, el nombre y los años.
- 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. |