Contoh Penggunaan Footer pada HTML
<footer> ... </footer>
<!DOCTYPE html>
<html>
<head>
<title>
Tag Footer HTML
</title>
<style>
a
{
font-size:25px;
text-decoration:none;}
p
{
font-size:25px;}
</style>
</head>
<body>
<footer>
<nav>
<p>
<a
href=
"https://www.penelitian.id/p/about-us.html">
Profil
</a>|
<a
href=
"https://www.penelitian.id/p/kebijakan-privasi.html">
Kebijakan Privasi
</a>|
<a
href=
"https://www.penelitian.id/">
BKTIK
</a>
</p>
</nav>
<p>
Blog Ilmu Komputer
</p>
</footer>
</body>
</html>
Blog Ilmu Komputer
<!DOCTYPE html>
<html>
<head>
<title>
tag footer
</title>
<style>
.column
{
float: left;
width: 27%;
height: 300px;}
p
{
font-size:20px;
font-weight:bold;}
</style>
</head>
<body>
<footer>
<div class="column">
<p>
Bio
</p>
<ul style="list-style-type:disc">
<li>Profil</li>
<li>Karir</li>
<li>Kebijakan Privasi</li>
<li>Kontak</li>
</ul>
</div>
<div class="column">
<p>
Materi
</p>
<ul>
<li>Algoritma</li>
<li>Struktur Data</li>
<li>Bahasa Pemrograman</li>
<li>Materi</li>
<li>Video</li>
</ul>
</div>
<div class="column">
<p>
Practice
</p>
<ul>
<li>Company-wise</li>
<li>Topic-wise</li>
<li>Contests</li>
<li>Pertanyaan</li>
</ul>
</div>
</footer>
</body>
</html>
Bio
- Profil
- Karir
- Kebijakan Privasi
- Kontak
Materi
- Algoritma
- Struktur Data
- Bahasa Pemrograman
- Materi
- Video
Practice
- Company-wise
- Topic-wise
- Contests
- Pertanyaan
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>
Contoh Tag Footer
</title>
</head>
<body>
<h1>Judul Halaman</h1>
<p>Isi Halaman</p>
<footer>
<p>
© 2023 - Hak Cipta Milik Saya
</p>
<p>
Penulis: Guru Informatika
</p>
<p>
Tanggal Publikasi: 26 Desember 2023
</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Contoh Tag Footer HTML5
</title>
</head>
<body>
<header>
<!-- Konten header -->
</header>
<main>
<!-- Konten utama halaman -->
</main>
<footer>
<p>
© 2023 Nama Perusahaan. Hak Cipta Dilindungi.
</p>
<nav>
<ul>
<li>
<a href="/tentang-kami">
Tentang Kami
</a>
</li>
<li>
<a href="/kontak">
Kontak
</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
- Penandaan Bagian Akhir Halaman: Tag <footer> secara khusus digunakan untuk menandai bagian terakhir dari suatu konten, seperti informasi hak cipta, tautan ke halaman terkait, informasi kontak, atau tanda air lainnya yang relevan dengan halaman tersebut.
- Meningkatkan Keterbacaan: Dengan menggunakan tag <footer>, pengembang web dapat meningkatkan keterbacaan dan struktur halaman, karena mesin pencari dan teknologi bantu dapat mengenali dengan lebih baik bagian akhir dari suatu konten.
- SEO yang Lebih Baik: Penggunaan tag <footer> secara tepat dapat membantu mesin pencari dalam memahami struktur halaman web. Hal ini dapat berdampak positif pada peringkat SEO, karena mesin pencari cenderung memberikan nilai tambah pada halaman web yang terstruktur dengan baik.
- Gunakan dengan Tepat: Pastikan tag <footer> digunakan untuk menandai bagian akhir yang relevan dari suatu konten atau halaman.
- Jangan Gunakan untuk Halaman Pribadi: Jika suatu halaman web hanya terdiri dari satu bagian konten (tanpa header atau bagian lainnya), tag <footer> mungkin tidak perlu digunakan.
- Kepatuhan terhadap Standar: Selalu pastikan penggunaan tag <footer> berada dalam kesesuaian dengan standar HTML5 dan praktik terbaik dalam pengembangan web.
Kelebihan Tag <footer> dalam HTML5
- Struktur yang Lebih Semantik: Tag <footer> memberikan struktur yang lebih semantik bagi halaman web. Dengan menggunakan tag ini, pengembang dapat dengan jelas menandai bagian akhir dari suatu konten atau halaman, yang membantu browser dan mesin pencari untuk memahami struktur halaman dengan lebih baik.
- Meningkatkan Aksesibilitas dan Navigasi: Menggunakan tag <footer> memungkinkan pengembang untuk menempatkan informasi penting seperti tautan navigasi, informasi kontak, atau hak cipta di bagian bawah halaman. Ini membantu pengguna dalam menavigasi lebih mudah dan menemukan informasi terkait atau tautan penting yang berkaitan dengan konten yang sedang dibaca.
- SEO yang Ditingkatkan: Penggunaan tag <footer> dapat memberikan dampak positif pada optimasi mesin pencari. Dengan memberikan informasi penting atau tautan berkualitas di bagian bawah halaman, ini dapat membantu mesin pencari untuk memahami konteks halaman dengan lebih baik dan meningkatkan peringkat SEO.
- Ketersediaan untuk Teknologi Bantu: Tag <footer> juga mendukung aksesibilitas web dengan memastikan informasi penting atau tautan navigasi yang diletakkan di bagian bawah halaman dapat diakses dengan mudah oleh teknologi bantu seperti pembaca layar, memastikan pengalaman yang lebih baik bagi pengguna dengan disabilitas.
- Pemeliharaan yang Lebih Mudah: Pemisahan elemen footer dari konten utama dapat membuat pemeliharaan halaman web menjadi lebih mudah. Dengan memiliki tag <footer> terpisah, pengembang dapat mengelola dan memperbarui informasi atau tautan di bagian bawah halaman tanpa harus mengubah konten utama.
- Meningkatkan Pengalaman Pengguna: Penyusunan informasi penting di bagian bawah halaman menggunakan tag <footer> dapat meningkatkan pengalaman pengguna secara keseluruhan. Pengguna dapat dengan mudah menemukan informasi kontak, tautan penting, atau hak cipta tanpa harus mencari secara intensif di seluruh halaman.
5 komentar untuk "Contoh Penggunaan Footer pada HTML"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
Apa yang dimaksud dengan tag footer pada html?
BalasHapusElemen HTML merepresentasikan footer untuk konten bagian terdekat atau elemen root bagian. Footer biasanya berisi informasi tentang penulis, data hak cipta, tautan, dan lain sebagainya.
HapusTag footer digunakan dalam bagian elemen body. Tag footer merupakan elemen baru yang disertakan pada HTML5. Elemen footer membutuhkan tag awalan dan juga tag akhiran. Elemen footer biasanya berisi informasi penulisan, informasi hak cipta, informasi kontak, peta situs, tautan back to top, dokumen, dan lain sebagainya.
HapusApakah tag footer penting untuk disertakan pada website html?
BalasHapusFooter pada situs website merupakan elemen yang ditemukan pada bagian bawah dari halaman website, sering kali mendapatkan perhatian yang sedikit dalam bagian perancangn situs atau website. Namun demikian, footer ternyata memiliki peran penting untuk kinerja suatu situs. Dengan footer pengembang bisa menyediakan beberap konten yang sifatnya harus selalu disertakan dalam suatu website namun tidak mengganggu tampilan utama dari website tersebut.
Hapus