Przejdź do treści

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.

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

Komentarze

Zobacz więcej komentarzy

Facebook