Kalau header memperkenalkan, footer menutup. Elemen ini adalah penutup untuk halaman atau untuk satu bagian — dan seperti header, satu halaman boleh memuatnya lebih dari sekali.

Aturan footer: kumpulkan informasi penutup untuk wilayah yang dibungkusnya. Isi khasnya bervariasi menurut tingkatnya: footer situs memuat tahun copyright, kontak pemilik, tautan sitemap, dan keterangan lisensi; footer artikel memuat nama penulis, waktu tulisan, dan tautan lanjutan. Mekanismenya sejalan dengan header: pembaca layar mengenali footer sebagai bagian penutup dari wilayah terdekatnya.

Contoh berikut menampilkan keduanya dalam satu halaman:

html 
<article>
  <h2>Kelas Latte Art Dasar</h2>
  <p>Kelas Sabtu pagi di Kedai Kopi Siti membuka delapan kursi setiap pekan.</p>
  <footer>
    <p>Oleh Dewi — <time datetime="2026-11-02">2 November 2026</time></p>
  </footer>
</article>

<footer>
  <p>© 2026 Kedai Kopi Siti — Batu, Jawa Timur</p>
  <nav aria-label="Tautan kaki">
    <ul>
      <li><a href="tentang.html">Tentang</a></li>
      <li><a href="privasi.html">Privasi</a></li>
    </ul>
  </nav>
  <address>
    <a href="mailto:[email protected]">[email protected]</a>
  </address>
</footer>

Hasil Render: artikel dengan baris penulis dan waktu, lalu blok penutup situs berisi copyright, dua tautan, dan satu alamat email. Mari kita telaah:

  1. Baris 4-6 (<footer> artikel): penutup untuk article semata — metadata tulisan, bukan penutup situs.
  2. Baris 9-20 (<footer> situs): penutup seluruh halaman — copyright, tautan pelengkap, dan kontak pemilik situs.
  3. Baris 11-16 (<nav aria-label="Tautan kaki">): kelompok tautan kecil sah menghuni footer — tetapi ini bukan navigasi utama; menu utama tetap tinggal di header.
  4. Baris 17-19 (<address>): kontak pemilik dokumen — elemen yang kita kenal di Section Text dan Semantics, memang pas menghuni footer situs.

Batas nesting-nya: header, footer lain, dan main tidak boleh menjadi turunan footer. Navigasi kecil boleh — selama bukan menu utama halaman.

footer bagian juga tidak terbatas pada article: section yang memuat metadata penutup — misalnya catatan “terakhir diperbarui” pada satu bagian panduan — boleh menutup dirinya dengan footer sendiri. Adapun isi khas lain yang sering menghuni footer situs: keterangan lisensi seperti CC BY, tautan media sosial, dan peta situs ringkas.

Ringkasan #

  • footer adalah penutup halaman atau bagian; satu halaman boleh memuat banyak footer.
  • Isi khas: penulis, copyright, kontak, tautan pelengkap, lisensi.
  • footer di dalam article mengurus metadata artikel.
  • header, footer, dan main tidak boleh menjadi turunan footer; nav kecil boleh.

Chapter berikutnya merangkai header dan footer berjenjang — tingkat situs di luar, tingkat bagian di dalam.