HEAD Tagı Nasıl Kullanılır?
HTML <head>öğesi, aşağıdaki öğelerin bir kapsayıcısıdır: <title>, <style>, <meta>, <link>, <script>ve <base>.
HEAD tagı HTML tagından sonra ve BODY tagından önce sayfa kodları arasında bulunmak zorundadır.
Öğe , meta veriler (veriler hakkındaki veriler) için bir kapsayıcıdır ve etiket ile etiket <head>arasına yerleştirilir .<html><body>
HTML meta verileri, HTML belgesiyle ilgili verilerdir. Meta veriler sayfada görüntülenmez.
Meta veriler genellikle belge başlığını, karakter setini, stilleri, betikleri ve diğer meta bilgileri tanımlar.
HEAD tagı içerisinde <title> <style> <base> <link> <meta> <script> <noscript> gibi taglar yer alır.
<title> Sayfanın başlığını oluşturur.
<style> sayfadaki elemanların özelliklerini (büyüklüklerini, renklerini, arkaplanları vb. özelliklerini) belirler.
<base> sayfa adreslerinin başlangıcını belirler.
<link> sayfaya dışardan eklenecek özelliklere ait dosyaların yolunun belirtildiği tagdır.
<meta> sayfanın arama motorları tarafından bilgilendirilmesi için gerekli parametlerin olduğu bölümdür.
<script> sayfa yüklenmeden sayfa üzerinde çalışacak javascript kodunun tanımlandığı tagdır.
Örnek Yapı
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
<meta charset="UTF-8"> < Kullanılan karakter setini tanımlar >
<meta name="keywords" content="HTML, CSS, JavaScript"> < Arama motorları için anahtar kelimeler >
<meta name="description" content="Free Web tutorials"> < Web sayfanızın açıklaması ve arama motorlarında gözüken başlık altı satır >
<meta name="author" content="John Doe"> < Bir sayfanın yazarını tanımlanır >
<meta http-equiv="refresh" content="30"> < 30 saniyede bir sayfayı yeniler >
<meta name="viewport" content="width=device-width, initial-scale=1.0"> < RWD için kullanılan parametre >
<link rel="stylesheet" href="mystyle.css"> < Başka bir dosyada tutulan style içeriği >
<script src="a.js"></script> < Harici yüklenen js kodu >
<style><Stil tanımlaması >
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
<script>< Burda çalışacak js kodu >
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
</head>
<body>
Sayfa İçeriği
</body>
</html>
<html>
<head>
<title>Sayfa Başlığı</title>
<meta charset="UTF-8"> < Kullanılan karakter setini tanımlar >
<meta name="keywords" content="HTML, CSS, JavaScript"> < Arama motorları için anahtar kelimeler >
<meta name="description" content="Free Web tutorials"> < Web sayfanızın açıklaması ve arama motorlarında gözüken başlık altı satır >
<meta name="author" content="John Doe"> < Bir sayfanın yazarını tanımlanır >
<meta http-equiv="refresh" content="30"> < 30 saniyede bir sayfayı yeniler >
<meta name="viewport" content="width=device-width, initial-scale=1.0"> < RWD için kullanılan parametre >
<link rel="stylesheet" href="mystyle.css"> < Başka bir dosyada tutulan style içeriği >
<script src="a.js"></script> < Harici yüklenen js kodu >
<style><Stil tanımlaması >
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
<script>< Burda çalışacak js kodu >
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
</head>
<body>
Sayfa İçeriği
</body>
</html>
