İskelet ve başlık
Belge iskeletini ve sayfa başlığını eklersin.
İskelet ve başlık: head'i doldur
Boş bir HTML belge iskeletin var. Bu derste <head>'i dolduracak ve sayfanın başlığını ekleyeceksin.
Head bölümüne lang, meta charset, viewport ve title gelecek. lang sayfanın dilini, charset karakter setini, viewport mobil uyumu, title ise sekme başlığını belirler. Ziyaretçinin gördüğü ilk şeylerden değildir ama sayfanın doğru çalışması için gereklidir.
title ve lang: head'in iki temel ögesi
<title> etiketi sayfanın sekme başlığıdır. Ziyaretçi sayfayı açtığında tarayıcı sekmesinde bu metni görür. Kısa ve açıklayıcı olmalı; örnek Ayşe Yılmaz - Hakkımda.
<html> etiketine eklenen lang özniteliği sayfanın dilini bildirir. Türkçe için lang="tr", İngilizce için lang="en" yazılır. Bu, ekran okuyuculara ve arama motorlarına yardımcı olur.
Uygulama İskeleti al, head'i lang ve title ile doldur
Önceki dersin boş iskeletini al. <html>'e lang="tr" ekle. <head> içine meta charset=utf-8, viewport (width=device-width, initial-scale=1) ve title (içeriği Ayşe Yılmaz - Hakkımda) ekle. <body> şimdilik boş kalsın; sonraki derste dolduracağız.
Örnek çözümü göster
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ayşe Yılmaz - Hakkımda</title>
</head>
<body>
</body>
</html>Kendini test et
-
Türkçe bir hakkımda sayfası için <html> etiketine hangi lang değeri uygun?
- lang="de"
- lang="tur"
- lang="tr"
- lang="turkce"
Cevabı göster
lang="tr" — Doğru. Türkçe için BCP 47 kodu 'tr' kullanılır.
-
Title içeriğini tamamla
<title>____</title>Cevabı göster
<title>Ayşe Yılmaz - Hakkımda</title> -
Head bileşenini rolüyle eşleştir
- meta charset
- Karakter seti
- meta viewport
- Mobil uyum
- title
- Sekme başlığı
- lang
- Sayfa dili