<head> Nedir?
<head> etiketi, bir HTML belgesinin tarayıcıya ve arama motorlarına yönelik bilgilerini barındıran bölümüdür. Sayfa başlığı, karakter seti, açıklamalar, stiller ve harici dosya bağlantıları gibi içerikler bu etiketin içinde yer alır. <head> içindeki bilgiler genellikle sayfa üzerinde görünmez.
Ne İşe Yarar?
<head> etiketi, sayfanın nasıl yorumlanacağını belirler. Tarayıcı, belgeyi işlerken önce bu bölümü okur. SEO açısından önemli olan title ve meta etiketleri burada tanımlanır. Ayrıca CSS dosyaları ve bazı JavaScript dosyaları da genellikle bu bölümde çağrılır.
En Basit Kullanımı
<head> etiketi, <html> etiketinin içinde ve <body> etiketinden önce yer alır.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Örnek Sayfa</title>
</head>
<body>
<p>İçerik</p>
</body>
</html>Örnek Kullanımlar
Sayfa başlığı tanımlama
Tarayıcı sekmesinde görünen başlık <title> etiketi ile belirlenir.
<head>
<title>HTML Head Etiketi</title>
</head>Karakter seti belirleme
Türkçe karakterlerin doğru görüntülenmesi için karakter seti tanımlanmalıdır.
<head>
<meta charset="utf-8">
</head>Harici CSS dosyası ekleme
Sayfanın tasarımını belirleyen CSS dosyaları genellikle head bölümünde eklenir.
<head>
<link rel="stylesheet" href="stil.css">
</head>Ne Zaman Kullanılır?
- Her HTML belgesinde zorunlu olarak bulunur.
- SEO, performans ve tarayıcı uyumluluğu ayarları yapılırken kullanılır.
- CSS ve bazı JavaScript dosyaları eklenirken tercih edilir.
Küçük İpuçları
- <head> etiketi sayfada görünür içerik barındırmaz.
- <title> etiketi her sayfa için mutlaka tanımlanmalıdır.
- Birden fazla meta etiketi kullanılabilir.
- Head bölümünün düzenli olması SEO ve bakım açısından avantaj sağlar.