Znacznik HTML <stopka>


Przykład

Sekcja stopki w dokumencie:

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

Więcej przykładów „Wypróbuj sam” poniżej.


Definicja i użycie

Znacznik <footer>definiuje stopkę dokumentu lub sekcji.

Element <footer>zazwyczaj zawiera:

  • informacje o autorze
  • Informacje o prawach autorskich
  • informacje kontaktowe
  • mapa strony
  • powrót do górnych linków
  • powiązane dokumenty

W jednym dokumencie możesz mieć kilka <footer>elementów.


Wskazówki i uwagi

Wskazówka: Informacje kontaktowe w <footer>elemencie powinny znajdować się w tagu <address> .


Obsługa przeglądarki

Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany element.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

Atrybuty globalne

Znacznik <footer>obsługuje również atrybuty globalne w HTML .


Atrybuty wydarzenia

Tag <footer>obsługuje również Atrybuty Zdarzeń w HTML .



Więcej przykładów

Przykład

Użyj CSS do stylizacji <stopki>:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

Powiązane strony

Odniesienie HTML DOM: Obiekt stopki


Domyślne ustawienia CSS

Większość przeglądarek wyświetla <footer>element z następującymi wartościami domyślnymi:

footer {
  display: block;
}