Head ve meta etiketleri

Karakter seti, viewport ve description gibi meta etiketlerinin rolünü öğrenirsin.

Head bölümü nedir?

<head> bölümü sayfa hakkında bilgi taşır; kullanıcı bunu görmez. Buraya yazılan etiketler tarayıcıya, arama motorlarına ve diğer araçlara sayfanın niteliklerini anlatır.

En sık kullanılanları şunlardır: karakter setini bildiren charset, mobil görünümü ayarlayan viewport ve sayfanın kısa açıklamasını veren description. Bunların tümü <meta> etiketiyle yazılır.

Karakter seti

<meta charset="utf-8"> etiketi sayfadaki karakterlerin hangi kodlamayla okunacağını söyler. UTF-8, Türkçe karakterleri (ç, ğ, ı, ö, ş, ü) ve dünyanın tüm karakterlerini doğru gösterir.

Bu etiket <head> içinde, mümkünse ilk sırada olmalı. UTF-8 kullanmazsan Türkçe karakterler bozuk görünebilir; bu yüzden her sayfaya eklemek yerinde olur.

Uygulama Viewport meta etiketi ekle

Head içine bir <meta name="viewport" content="width=device-width, initial-scale=1"> etiketi ekle. charset meta etiketi zaten verildi.

Örnek çözümü göster

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

Kendini test et

Hangisi head bölümüne ait bir etikettir?
- <body>
- <meta>
- <html>
- <head>
Cevabı göster

<meta> — Doğru. <meta> etiketi head içine yazılır; sayfa bilgisi taşır.

charset meta etiketini yaz

<head>
  ____
</head>

Cevabı göster

<head>
  <meta charset="utf-8">
</head>

Meta terimini rolüyle eşleştir

charset

Karakter kodlaması
viewport

Mobil görünüm ayarı
description

Sayfa özeti

Sıradaki ders: Başlık ve dil

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler