Tag <footer> HTML


Contoh

Bagian footer dalam dokumen:

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

Lebih banyak contoh "Coba Sendiri" di bawah ini.


Definisi dan Penggunaan

Tag <footer>mendefinisikan footer untuk dokumen atau bagian.

Sebuah <footer>elemen biasanya berisi:

  • informasi kepengarangan
  • informasi hak cipta
  • kontak informasi
  • peta situs
  • link kembali ke atas
  • Dokumen terkait

Anda dapat memiliki beberapa <footer>elemen dalam satu dokumen.


Tips dan Catatan

Tip: Informasi kontak di dalam <footer>elemen harus masuk ke dalam tag <address> .


Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen tersebut.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

Atribut Global

Tag <footer>juga mendukung Atribut Global dalam HTML .


Atribut Acara

Tag <footer>juga mendukung Atribut Peristiwa dalam HTML .



Lebih Banyak Contoh

Contoh

Gunakan CSS untuk menata <footer>:

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

Halaman Terkait

Referensi DOM HTML: Objek Footer


Pengaturan CSS Default

Sebagian besar browser akan menampilkan <footer>elemen dengan nilai default berikut:

footer {
  display: block;
}