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