Znacznik stopki strony footer w HTML-5

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 9928 razy

Stopka jest elementem często spotykanym na różnych stronach. Jej celem jest umieszczenie w niej informacji ogólnych o prawach autorskich, możliwości kontraktu etc. etc. Miejsce tego elementu powinno być na samym dole strony i zazwyczaj podpięta jest pod ten element jakaś grafika tła. Oto przykład implementacji takiego elementu w HTML-5 za pomocą znacznika <footer>:

<footer> <p>Leyout wykonany przez autora strony, wszelkie prawa zastrzeżone. Jakiekolwiek użycie części lub całości grafik znajdujących się na tej stronie bez pisemnej zgody jej autora surowo zabronione. </p> </footer>

Kilka styli zazwyczaj przydatnych w tego typu elemencie:

footer { height: 70px; clear: both; text-align: center; padding: 30px 10px 0px 10px; background: url("menu/stopka.png") repeat left top; } footer p{ text-align: center; margin: 0px; }

Wynik działania powyższego kodu:

Leyout wykonany przez autora strony, wszelkie prawa zastrzeżone. Jakiekolwiek użycie części lub całości grafik znajdujących się na tej stronie bez pisemnej zgody jej autora surowo zabronione.

W HTML-4 nie ma znacznika <footer>, zamiast niego należy skorzystać z elementu div.

Propozycje książek