Apa Fungsi Dari Tag Head Dalam Html

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

Apa Fungsi dari Tag <head> dalam HTML?

Tag <head> dalam HTML adalah bagian penting dari struktur dokumen HTML. Tag ini terletak di antara tag <html> dan <body>, dan berisi informasi meta tentang halaman web, yang tidak ditampilkan secara langsung di halaman web itu sendiri. Informasi ini digunakan oleh browser web, mesin pencari, dan perangkat lain untuk memahami dan memproses halaman web.

Berikut adalah beberapa fungsi utama dari tag <head>:

1. Judul Halaman Web (<title>)

Tag <title> berada di dalam tag <head> dan menentukan judul halaman web yang akan ditampilkan di tab browser atau jendela browser. Judul ini juga digunakan oleh mesin pencari untuk mengindeks halaman web dan menampilkannya dalam hasil pencarian.

2. Metadata (<meta>)

Tag <meta> digunakan untuk menyediakan informasi tambahan tentang halaman web, seperti deskripsi halaman, kata kunci, dan informasi penulis. Informasi ini membantu mesin pencari untuk memahami konten halaman web dan membantu pengguna untuk menemukan informasi yang mereka cari.

3. Tautan Keberlanjutan (<link>)

Tag <link> digunakan untuk menghubungkan halaman web dengan sumber daya eksternal, seperti file CSS, file JavaScript, dan ikon halaman web.

4. File JavaScript Eksternal (<script>)

Tag <script> digunakan untuk menambahkan kode JavaScript ke halaman web. Kode JavaScript dapat digunakan untuk menambahkan interaktivitas ke halaman web, seperti animasi, efek khusus, dan validasi formulir.

5. Favicon (<link rel="icon">)

Tag <link> dengan atribut rel="icon" digunakan untuk menentukan favicon halaman web, yang merupakan ikon kecil yang ditampilkan di tab browser atau bookmark halaman web.

6. Tag charset

Tag charset digunakan untuk menentukan karakter set yang digunakan dalam halaman web. Ini sangat penting untuk memastikan bahwa teks di halaman web ditampilkan dengan benar di semua browser.

7. Tag viewport

Tag viewport digunakan untuk mengontrol bagaimana halaman web ditampilkan pada perangkat seluler. Tag ini memungkinkan Anda untuk mengoptimalkan halaman web untuk berbagai ukuran layar dan orientasi.

8. Tag base

Tag base digunakan untuk menentukan URL dasar untuk semua tautan relatif di halaman web.

Kesimpulan

Tag <head> sangat penting untuk struktur dan fungsionalitas halaman web. Tag ini memungkinkan Anda untuk memberikan informasi penting tentang halaman web, menghubungkan ke sumber daya eksternal, dan mengontrol bagaimana halaman web ditampilkan di berbagai perangkat.