Elemen HTML head merupakan elemen sebagai tempat untuk meta data (kumpulan data tentang data). Meta data HTML adalah data tentang dokumen HTML itu sendiri, segala informasi mengenai meta data tidak akan ditampilkan dalam halaman web browser, cara untuk memerikasanya adalah dengan melihat langsung source code HTML. Untuk cara melihat source code silahkan kunjungi tutorial ” CARA MELIHAT SOURCE CODE WEBSITE “. Meta data dalam file HTML biasanya berisi tentang judul dokumen, gaya (style), link, script, dan informasi meta lainnya. Tag yang biasanya masuk dalam elemen HTML head dan berfungsi sebagai meta data: Elemen HTML head Berikut penjelasan singkat mengenai elemen dan atribut yang biasanya digunakan pada elemen HTML head. Untuk latihan mari kita membuat elemen HTML Hasil Running Perhatikan gambar diatas, pada section elemen HTML head kita sudah menambahkan skrip Javascript. Skrip Javascript ini akan merubah tulisan pada paragraf ketika tombol “Coba” di-klik. Sumber : The HTML head element Happy Nyekrip!<head>
<title>Document title</title>
</head>
Definisi dan Penggunaan
<title>
, <style>
, <meta>
, <link>
, <script>
, dan <base>
.<head>
sangat disarankan untuk disertakan dalam semua dokumen HTML karena jika kita tidak sertakan bisanya akan mengakibatkan error, terlebih lagi jika browser yang kita pakai adalah browser lama. Meskipun saat ini pada HTML5 kita bisa menghilangkan penulisan tag ini, masih sangat disarankan untuk tetap menuliskan-nya.
Dukungan Browser
Elemen
<head>
Ya
Ya
Ya
Ya
Ya
Latihan Elemen HTML head
head
dalam file halaman HTML dengan nama index.html
, selanjutnya kita ketikkan atau langsung salin skrip berikut.<!doctype html>
<html>
<head>
<!-- contoh elemen meta -->
<meta charset="utf-8">
<!-- contoh elemen title -->
<title>Ini adalah elemen title</title>
<!-- contoh elemen link -->
<link rel="stylesheet" href="style.css">
<!-- contoh elemen base -->
<base href="http://www.nyekrip.com" target="_blank">
<!-- contoh elemen script -->
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Halo JavaScript!";
}
</script>
</head>
<body>
<p id="demo">Aku akan berubah jika tombol bawah diklik</p>
<button type="button" onclick="myFunction()">Coba</button>
</body>
</html>
Elemen HTML head
