Tanda HTML <footer>

definisi dan penggunaan

<footer> tag mendefinisikan kaki dokumen atau bagian.

<footer> elemen biasanya mengandung:

  • informasi penulis
  • informasi hak cipta
  • informasi kontak
  • peta situs
  • tautan kembali ke atas
  • halaman yang berhubungan

Anda dapat memasukkan beberapa <footer> elemen.

lihat pula:

Panduan Referensi HTML DOM:Objek Footer

contoh

contoh 1

bagian kaki dokumen dalam:

<footer>
  <p>Penulis: Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Coba Sendiri

contoh 2

gunakan CSS untuk atur <footer> gaya:

<html>
<head>
<style>
footer {
  text-align: tengah;
  padding: 3px;
  background-color: DarkSalmon;
  warna: putih;
}
</style>
</head>
<body>
<footer>
  <p>Penulis: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Coba Sendiri

Petunjuk dan Komentar

Petunjuk:<footer> Informasi kontak di dalam elemen seharusnya ditempatkan <address> dalam tag.

Atribut Global

<footer> Tag ini juga mendukung Atribut Global di HTML.

Atribut Event

<footer> Tag ini juga mendukung Atribut Event di HTML.

Pengaturan CSS Standar

Sebagian besar browser akan menggunakan nilai standar berikut untuk menampilkan <footer> Elemen:

footer {
  display: block;
}

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung elemen ini penuh.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1