Apa Fungsi Tag Head Dalam Html

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

Apa Fungsi Tag <head> dalam HTML?

Tag <head> dalam HTML merupakan bagian penting dari struktur dokumen HTML. Ia berperan sebagai kontainer metadata yang tidak ditampilkan langsung di halaman web, tetapi memberikan informasi penting tentang halaman tersebut. Informasi ini digunakan oleh browser, mesin pencari, dan aplikasi lain untuk memproses dan menampilkan halaman dengan benar.

Berikut beberapa fungsi utama dari tag <head>:

1. Memberikan Informasi tentang Dokumen

Tag <head> berisi informasi meta tentang halaman web, seperti:

  • Judul halaman (title): Teks yang ditampilkan pada tab browser dan hasil pencarian.
  • Deskripsi halaman (description): Ringkasan singkat tentang isi halaman yang digunakan oleh mesin pencari.
  • Kata kunci (keywords): Kata kunci yang relevan dengan konten halaman, membantu mesin pencari memahami isi halaman.
  • Karakter encoding (charset): Menentukan karakter yang digunakan dalam halaman web, seperti UTF-8 untuk mendukung karakter internasional.

2. Menghubungkan File Eksternal

Tag <head> juga digunakan untuk menghubungkan file eksternal, seperti:

  • Stylesheet (CSS): Mengatur tampilan dan gaya halaman web.
  • JavaScript: Menambahkan interaktivitas dan fungsionalitas ke halaman web.
  • Favicon: Ikon kecil yang ditampilkan di tab browser.

3. Mendefinisikan Meta Tag

Meta tag memberikan informasi tambahan tentang halaman web kepada browser dan mesin pencari. Beberapa meta tag yang umum digunakan adalah:

  • viewport: Mengatur tampilan halaman pada berbagai perangkat.
  • robots: Menentukan aturan akses untuk mesin pencari.
  • author: Menyatakan penulis halaman.
  • copyright: Menyatakan hak cipta atas halaman.

Contoh Penggunaan Tag <head>




    Judul Halaman Web
    
    
    
    


    


Contoh di atas menunjukkan beberapa elemen penting dalam tag <head>, seperti judul halaman, karakter encoding, deskripsi, kata kunci, dan stylesheet.

Kesimpulan

Tag <head> merupakan bagian integral dari dokumen HTML yang memberikan informasi penting tentang halaman web dan menghubungkan file eksternal yang dibutuhkan untuk membuat halaman web yang fungsional dan informatif.

Featured Posts