Blog Belajar HTML: Tag footer HTML

Tag <footer> biasanya berisi informasi tentang penulis atau pemilik web/blog, data hak cipta, kebijakan, privasi dan link-link terkait. Jika menuliskan informasi alamat kantor web/blog, sertakan di dalam tag <addres>. Tag footer biasanya diletakkan di bagian paling bawah, atau di kanan atau kiri bawah halaman web/blog jika menggunakan otomatis load konten (konten di load ketika halaman di geser ke bawah), namun bisa juga di mana saja, misalnya di bagian akhir artikel (footer artikel).

Sebelum jauh mengenal tag <footer>, berikut beberapa contoh tampilan footer dari berbagai gaya tampilan:

Footer situs detik.com

Footer liputan6.com

Footer tribunnews.com berada di kanan bawah tampilan.

Footer Facebook di kanan bawah.

Footer Twitter berada di kiri bawah.

Pada beberapa kasus, blog atau web tidak menggunakan tag <footer> sebagai penanda bahwa informasi yang terkandung di dalamnya adalah informasi bagian footer. Namun, jika Anda mengikuti aturan dasar HTML yang valid, maka tag <footer> digunakan.

Penulisan tag <footer> di awali pembuka dan penutup. Tag <footer> boleh lebih dari satu kali dideklarasikan di halaman yang sama.

Contoh penulisan standar: footer.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Tag footer HTML</title>
        </head>
    <body>
    <div id="header">Di sini header....</header>
    <div id="content">Di sini content web...</div>

<footer>
    <a href="about.html">Tentang</a> - <a href="privasi.html">Privasi</a> -
    <a href="kontak.html">Contact</a>
    <address>Alamat kami: Jl. Juanda Gg. Hidayah No. 5 Padang, Sumatera Barat, Indonesia.
    </address>

</footer>
</body>
</html>

Output:

Contoh lain bisa dilihat di sini.

^Baca juga: Tag ins HTML.

Referensi tulisan:

<footer>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 31 Oktober 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

Friday, October 31, 2014

Tag footer HTML

1 comment: