Znacznik stopki strony footer w HTML-5

Stronę tą wyświetlono już: 4503 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>:

Listing 1
  1. <footer>
  2. <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>
  3. </footer>

Kilka styli zazwyczaj przydatnych w tego typu elemencie:

Listing 2
  1. footer {
  2. height: 70px;
  3. clear: both;
  4. text-align: center;
  5. padding: 30px 10px 0px 10px;
  6. background: url("menu/stopka.png") repeat left top;
  7. }
  8. footer p{
  9. text-align: center;
  10. margin: 0px;
  11. }

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
tytuł: HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera autor: Jon Duckett

Tytuł:

HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera

Autor:

Jon Duckett

Komentarze