İ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

Sıradaki ders: Tanıtım metni

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler