Wednesday, August 20, 2014

Tag Head Pada HTML

Pada HTML, terdapat tag <head> yang berguna untuk meletakkan informasi umum website yang terletak pada file index.html (index.php). Tag <head> berisi informasi judul web, deskripsi, deklarasi atau pemanggilan file css, penulisan metadata, script atau nosrcript, penentuan bahasa yang dipakai, tipe encode yang digunakan. Contoh berikut bisa memperjelas pemahaman Anda, saya sertakan komentar di atasnya sebagai penjelas, apa maksudnya:

<!doctype html>
<html>
    <head>
        <!-- Ini judul web -->
        <title>Belajar tag head</title>
        <!-- Memanggil file css eskternal dengan nama style1.css, ini hanya contoh saja.-->
        <link rel="stylesheet" type="text/css" href="style1.css" />
        <!-- Penulisan tentang metadata:
        1. Keyword (kata kunci yang cocok ke web kita), dipisahkan tanda koma.
        -->
        <meta name="keywords" content="belajar, tag, head" />
        <!-- Penulisan tentang metadata:
        2. Penjelasan secara umum tentang tema web.
        -->
        <meta name="description" content="Web ini khusus belajar HTML, khusunya tag head" />
        <!-- Penulisan tentang metadata:
        3. Penjelasan tentang siapa pembuat web.
        -->
        <meta name="author" content="Erwin Sholeh Siregar, Founder tipspengetahuan.com" />
        <!-- Contoh penggunaan tag script, memanggil plugin jquery, ini hanya contoh saja. -->
        <script type="text/javascript" href="jquery.js"></script>
        <!-- Contoh penggunaan noscript, jika browser tidak support javascript -->
        <noscript>Warning: Browser Anda tidak mendukung Javascript..</noscript>

        <!-- Penentuan encode, merujuk dukungan pada karakter, misal tulisan arab  -->
        <meta charset="utf-8" />
    </head>
<body>
    ...
</body>
</html>


Perlu diketahui, jika kode di atas disimpan tidak akan menampilkan apa-apa (hanya titik-titik), apa yang terdapat di antara tag <body>. Tetapi bukan berarti tidak ada, coba saja klik kanan (di area) sembarang, lalau pilih View Page Source.

Lalu apa gunanya? Bagi kita memang terlihat tidak berguna, tetapi bagi mesin pengindeks (mesin pencari) seperti Google, itu sangat berarti untuk membaca judul web dan juga deskripsinya, juga untuk mendukung pembentukan web seperti saat pemanggilan file css secara eksternal. Jika tidak ada css, tentu tampilan website tidak menarik. Ada juga tadi dicontohkan pemanggilan file javascript, dengan javascript web lebih interaktif.

^Baca juga: Cara membuat CSS pada skrip HTML.

1 comment: