Elemen atau tag head berada di bagian atas suatu dokumen HTML. Tag head adalah wadah untuk tag title, style, link dan meta. Semua tag di dalam tag head tidak ditampilkan pada web browser, kecuali tag title ditampilkan pada bagian atas tab atau window browser.
Tag Title #
Tag title adalah judul dokumen HTML. Title dokumen HTML berbentuk text dan ditampilkan pada bagian atas tab atau window browser. Tag title sangat penting untuk setiap dokumen HTML. Mesin pencarian seperti Google, Bing dan lain-lain membaca elemen title untuk dimasukkan ke dalam index mesin pencarian. Title sebaiknya mengandung informasi yang tepat untuk mendeskripsikan keseluruhan dokumen HTML.
<!DOCTYPE html>
<html>
<head>
<title>A Meaningful Page Title</title>
</head>
<body>
The content of the document......
</body>
</html> Tag Style #
Tag style berfungsi untuk meletakkan CSS internal.
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style> Tag Link #
Tag link berfungsi untuk meletakkan URL link ke file berekstensi css apabila menggunakan CSS eksternal.
<link rel="stylesheet" href="styles.css"> Tag Meta #
Tag meta berfungsi untuk meletakkan deskripsi dokumen HTML yang lain. Tag meta cukup penting karena semua mesin pencarian membaca informasi pada tag meta. Berbagai informasi dapat diletakkan pada tag meta seperti jenis karakter yang dipakai pada dokumen HTML, deskripsi singkat dokumen HTML, keywords untuk mesin pencarian, penulis dokumen HTML dan viewport.
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-scale=1.0">Informasi viewport termasuk penting.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Dengan mencantumkan viewport seperti contoh di atas maka web browser akan menyesuaikan tampilan dokumen HTML sesuai dengan ukuran layar perangkat yang dipakai.