Penjelasan html <head>:
Element
head mempunyai definisi sebagai element kepala pada sebuah dokumen html.Elemen <head> berisi informasi tentang dokumen HTML yang digunakan oleh browser dan web crawler, pada tampilan browser element ini dalam keadaan tidak terlihat atau tersembunyi.
Berikut adalah element yang dapat digunakan pada element <head> :
titlestylebaselinkmetascriptnoscripttemplate- ...
Contoh penerapan html <head>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
p {color: blue}
</style>
<script>
function demo(){
alert("Hanya untuk demo");
}
</script>
<noscript>
<style>
.js-only{display:none;}
</style>
</noscript>
</head>
<body>
<h2>Triksonic.blogspot.com</h2>
<p>Hello World!</p>
<button class="js-only" onclick="demo();">Tes Javascript</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
p {color: blue}
</style>
<script>
function demo(){
alert("Hanya untuk demo");
}
</script>
<noscript>
<style>
.js-only{display:none;}
</style>
</noscript>
</head>
<body>
<h2>Triksonic.blogspot.com</h2>
<p>Hello World!</p>
<button class="js-only" onclick="demo();">Tes Javascript</button>
</body>
</html>
Global Attributes:
Element
<head> mencakup Global Attributes HTML.
Event Attributes:
Element
<head> mencakup Event Attributes HTML.
Browser Support :
Desktop
| Chrome | Ya |
|---|---|
| Safari | Ya |
| Firefox | Ya |
| Opera | Ya |
| IE | Ya |
| Edge | Ya |
Mobile
| Android Webview | Ya |
|---|---|
| Chrome Android | Ya |
| Edge Mobile | Ya |
| Firefox Android | Ya |
| Opera Android | Ya |
| iOs Safari | Ya |
| Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<head>, mempunyai nilai default :
head {
display: none;
}