Footnote dari Website

Footnote, atau catatan kaki, adalah salah satu elemen penting yang sering digunakan dalam penulisan artikel, jurnal, atau karya ilmiah. Footnote berfungsi untuk memberi referensi atau sumber informasi yang relevan dengan konten yang dibahas. Bagi pengguna internet, terutama para penulis konten di website, ada baiknya mengenal lebih dalam tentang penggunaan footnote yang efektif dan tepat agar tulisan menjadi lebih berkualitas dan informatif.

Fungsi Footnote

• Memberi Referensi. Footnote berfungsi sebagai referensi terkait informasi yang dibahas dalam konten. Dengan mencantumkan sumber informasi, pembaca akan lebih yakin terhadap keakuratan dan keabsahan informasi yang disampaikan.

• Menjaga Hak Cipta. Dengan mencantumkan footnote yang menyebutkan sumber asli, penulis dapat menjaga hak cipta dan menghindari tuduhan plagiarisme. Hal ini juga menunjukkan apresiasi dan pengakuan terhadap penulis asli.

• Memberi Keterangan Tambahan. Footnote kadang digunakan untuk memberikan informasi tambahan yang relevan namun tidak cukup penting untuk dimasukkan dalam teks utama. Informasi tambahan ini bisa berupa penjelasan lebih lanjut, contoh, atau klarifikasi.

Cara Penulisan Footnote di Website

Untuk membuat footnote pada website, kita bisa menggunakan bantuan HTML dan CSS. Berikut ini adalah langkah-langkahnya:

1. Buat Anchor Link. Tambahkan anchor link (<a> tag) di dalam teks yang ingin diberi footnote. Anchor link ini harus mengarah ke ID dari elemen HTML yang berisi catatan kaki.

<p>Menurut hasil penelitian, 90% anak usia 5 tahun telah menguasai gadget<sup><a href="#footnote1">1</a></sup></p>

2. Buat Footnote Section. Buat bagian khusus di akhir halaman untuk menampilkan catatan kaki. Di dalam section ini, tulis catatan kaki sesuai dengan nomor dan isi yang sesuai.

<section id="footnotes">
  <h2>Catatan Kaki</h2>
  <ol>
    <li id="footnote1">Sumber: Data tahun 2022, dari Survei Nasional Anak dan Gadget</li>
  </ol>
</section>

3. Tambahkan Gaya CSS. Gunakan CSS untuk memodifikasi tampilan footnote, seperti warna, ukuran huruf, dan sebagainya.

#footnotes {
  font-size: 14px;
  color: grey;
}

Dengan mengikuti langkah-langkah di atas, membuat footnote di website akan menjadi lebih mudah dan efektif. Selain itu, keberadaan footnote akan menambah nilai plus dari konten itu sendiri.