<footer>
Stopka strony lub sekcji: autor, prawa autorskie, linki, dane kontaktowe.
- Wyświetlanie
- block
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść przepływu bez elementów
<header>i<footer>
Przykład
#<footer>
<p>© 2026 CodeWorlds. Wszystkie prawa zastrzeżone.</p>
<p>
<a href="/regulamin">Regulamin</a> ·
<a href="/polityka-prywatnosci">Polityka prywatności</a>
</p>
<address>Napisz do nas: <a href="mailto:team@codeworlds.pl">team@codeworlds.pl</a></address>
</footer>Definicja i zastosowanie
#Element <footer> zamyka stronę albo sekcję, w której się znajduje. Stopka strony to zwykle informacja o prawach autorskich, linki do regulaminu i polityki prywatności, dane kontaktowe i odnośniki do mediów społecznościowych.
Stopka artykułu może zawierać tagi, informacje o autorze czy linki do powiązanych tekstów. Podobnie jak <header>, element może pojawić się na stronie wiele razy.
Stopka umieszczona bezpośrednio w <body> pełni rolę punktu orientacyjnego „contentinfo”, dzięki czemu czytniki ekranu pozwalają przeskoczyć prosto do niej.
Składnia
#<footer>
…
</footer>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
footer {
display: block;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Dane kontaktowe autora lub firmy umieść w
<address>wewnątrz stopki. - Stopka nie musi być na dole ekranu. Liczy się znaczenie, nie położenie.
Powiązane hasła
#Widzisz błąd albo brakuje przykładu? Napisz do nas.