Apa Fungsi Dari Tag Head Dalam Dokumen Html

3 min read Jun 28, 2024
Apa Fungsi Dari Tag Head Dalam Dokumen Html

Apa Fungsi dari Tag <head> dalam Dokumen HTML?

Tag <head> merupakan bagian penting dalam struktur dokumen HTML. Tag ini tidak ditampilkan langsung di halaman web, tetapi berisi informasi penting yang digunakan oleh browser dan perangkat lain untuk menginterpretasikan dan menampilkan konten halaman.

Berikut adalah beberapa fungsi utama dari tag <head>:

1. Metadata

Tag <head> berisi metadata tentang halaman web, seperti:

  • Judul halaman: Digunakan sebagai judul di tab browser dan dalam hasil pencarian.
  • Deskripsi halaman: Teks singkat yang menjelaskan isi halaman, sering digunakan dalam hasil pencarian.
  • Kata kunci: Kata-kata kunci yang terkait dengan halaman, membantu mesin pencari mengindeks halaman.
  • Kode karakter: Menentukan encoding karakter yang digunakan dalam dokumen, seperti UTF-8.
  • Penulis dan tanggal modifikasi: Informasi tentang penulis dan tanggal terakhir modifikasi halaman.

Metadata ini membantu mesin pencari, browser, dan perangkat lain memahami konten dan tujuan halaman web.

2. Menyertakan File Eksternal

Tag <head> digunakan untuk menyertakan file eksternal yang diperlukan oleh halaman web, seperti:

  • File CSS: Mendefinisikan gaya dan penampilan halaman.
  • File JavaScript: Menambahkan interaktivitas dan fungsionalitas ke halaman.
  • File Favicon: Ikon kecil yang muncul di tab browser.
  • File RSS: Menyediakan feed berita terbaru dari halaman web.

3. Tag Lainnya

Selain metadata dan file eksternal, tag <head> juga dapat berisi tag lain yang membantu mengendalikan tampilan dan perilaku halaman, seperti:

  • Tag <base>: Mendefinisikan URL dasar untuk tautan relatif di halaman.
  • Tag <link>: Menyediakan hubungan antara dokumen saat ini dan dokumen lainnya.
  • Tag <meta>: Memberikan informasi tambahan tentang halaman.
  • Tag <style>: Mendefinisikan gaya CSS secara langsung di dalam <head>.

Kesimpulan

Tag <head> merupakan bagian penting dari struktur HTML yang berisi informasi penting tentang halaman web. Meskipun tidak ditampilkan langsung di halaman, tag ini memainkan peran penting dalam menentukan bagaimana halaman web ditampilkan dan diinterpretasikan oleh browser dan perangkat lainnya.

Latest Posts