Stopka <footer>
W jaki sposób oznaczyć stopkę w dokumentach HTML5?
<footer>...</footer>
Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp.
Mimo z pozoru analogicznej znaczeniowo nazwy, element FOOTER, inaczej niż HEADER, stanowi stopkę sekcji, podczas gdy ten drugi nie oznacza nagłówka sekcji. Jednak znacznik FOOTER sam nie tworzy nowej sekcji w dokumencie.
Co ciekawe mimo swojej nazwy, stopki nie musimy wcale umieszczać na końcu sekcji. Choć raczej nie jest to typowe zastosowanie, poprawnym będzie również wstawienie znacznika FOOTER nawet na samym początku sekcji. A jeśli umieścimy stopkę w ogóle poza znacznikami sekcji, będzie się ona odnosić do strony jako całości.
Przykład <footer>
<article> <h1>Mój artykuł</h1> <p>To jest mój artykuł...</p> <footer> Autor: <address>Jan Kowalski (jan.kowalski@example.com)</address> <p>wszelkie prawa zastrzeżone</p> </footer> </article>
Warto przy okazji zauważyć, że gdyby w informacjach o autorze nie podano danych kontaktowych (tutaj adresu e-mail), nie należy używać znacznika ADDRESS.
Pytania i odpowiedzi <footer>
Co robi FOOTER w HTML?
Jest to znacznik, który stanowi stopkę sekcji albo stopkę całej strony - jeśli nie został umieszczony wewnątrz żadnej sekcji. Mogą się w niej znajdować np. informacje o autorze artykułu bądź całej strony, prawach autorskich albo linki do źródeł użytych w treści artykułu.
Czy FOOTER to znacznik sekcji?
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
---|---|---|---|---|---|
<footer> | 5 2010-05-25 | 4 2011-03-22 | 12 2015-07-29 | 11.1 2011-04-12 | 5 2010-06-07 |