HTML <footer> -tag


Voorbeeld

Een voettekstsectie in een document:

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

Meer "Probeer het zelf" voorbeelden hieronder.


Definitie en gebruik

De <footer>tag definieert een voettekst voor een document of sectie.

Een <footer>element bevat meestal:

  • auteurschap informatie
  • informatie over copyright
  • contactgegevens
  • sitemap
  • terug naar boven links
  • gerelateerde documenten

U kunt meerdere <footer>elementen in één document hebben.


Tips en opmerkingen

Tip: Contactgegevens binnen een <footer>element moeten in een <address> -tag staan.


Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die het element volledig ondersteunt.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

Algemene kenmerken

De <footer>tag ondersteunt ook de Global Attributes in HTML .


Gebeurteniskenmerken

De <footer>tag ondersteunt ook de Event Attributes in HTML .



Meer voorbeelden

Voorbeeld

Gebruik CSS om <footer> op te maken:

<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>

Gerelateerde pagina's

HTML DOM-referentie: Voettekstobject


Standaard CSS-instellingen

De meeste browsers geven het <footer>element weer met de volgende standaardwaarden:

footer {
  display: block;
}