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>
:
title
style
base
link
meta
script
noscript
template
- ...
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;
}