Head etiketi, bir HTML dokümanının başlık, karakter seti, stil bilgileri, bağlantılar ve diğer meta bilgileri gibi sayfa düzeni ve genel ayarlarını içeren bölümüdür. Başka bir deyişle, head bölümü, sayfanın görsel içeriğini değil, genel yapı ve bilgilerini tanımlar.
Head etiketinin içerisinde sıkça kullanılan bazı öğeler şunlardır:
-
Başlık Etiketi (
<title>):- Sayfanın başlığını belirtir. Tarayıcı sekmesinde veya arama sonuçlarında görünen metni içerir.
- Örnek:
<title>Web Sayfam</title>
-
Karakter Seti Tanımlama (
<meta charset="UTF-8">):- Sayfanın karakter setini belirtir. UTF-8, genellikle tercih edilen bir karakter setidir.
- Örnek:
<meta charset="UTF-8">
-
Stil Bağlantıları (
<link rel="stylesheet" href="stil.css">):- Harici CSS dosyalarını sayfaya bağlar. Sayfanın stilini düzenler.
- Örnek:
<link rel="stylesheet" href="stil.css">
-
Favicon (
<link rel="icon" href="favicon.ico" type="image/x-icon">):- Sayfanın tarayıcı sekmesinde görünen küçük simgeyi belirtir.
- Örnek:
<link rel="icon" href="favicon.ico" type="image/x-icon">
-
Meta Açıklamalar (
<meta name="description" content="Web sayfam hakkında kısa açıklama.">):- Sayfanın kısa bir açıklamasını belirtir. Bu, arama sonuçlarında görünen açıklamayı etkiler.
- Örnek:
<meta name="description" content="Web sayfam hakkında kısa açıklama.">
-
Viewport Ayarları (
<meta name="viewport" content="width=device-width, initial-scale=1.0">):- Mobil cihazlarda sayfanın düzgün görüntülenmesini sağlamak için kullanılır.
- Örnek:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Head etiketi, genellikle HTML dokümanının en üstünde yer alır ve içerisindeki bilgiler sayfanın düzenini ve içeriğini etkiler. Bu bilgiler, tarayıcılar tarafından sayfanın nasıl işleneceğini ve görüntüleneceğini belirlemekte önemlidir.