Academy › 🌐 Web Geliştirme › HTML: Sayfanın İskeleti

Yorumlar ve Girinti: Okunur Kod

📄 HTML: Sayfanın İskeleti bölümü · Code Quest Web Geliştirme parkuru

Python'daki # yorumlarını hatırlıyor musun? HTML'de aynı iş biraz daha törenlidir:  ile kapanır — ve isterse birden çok satıra yayılır:

HTML

<!-- Bu bir yorumdur: tarayıcı görmezden gelir -->
<!-- İstersen
     birden çok satıra
     da yayılabilirim -->

Yorumlar kimin için? İnsanlar için: yarınki sen ve kodunu okuyacak arkadaşların. "Burası neden böyle?" sorusunun cevabını koda gömersin. Bir de klasik numara: bir parçayı silmeden geçici olarak devre dışı bırakmak — yorum içine almak yeter. Peki ekranda ne olur, tahmin et:

HTML

<p>Ben görünürüm</p>
<!-- <p>Ben yorum içindeyim, sahneye çıkamam</p> -->

▸ TARAYICIDA GÖRÜNÜM

Sadece "Ben görünürüm" görünür; yorumdaki paragraf ekranda yoktur

⚠️ Yorumlar ekranda görünmez ama SIR DEĞİLDİR: sayfanın kaynak kodunu açan herkes (sağ tık → "Kaynağı görüntüle") onları okuyabilir. Şifre, kişisel not, "buradaki açığı sonra kapat" gibi şeyleri HTML yorumuna asla yazma!

Okunur kodun ikinci direği girintidir: iç içe giren her etiket, bir kademe (genellikle 2 boşluk) içeriden başlar. Tarayıcının umurunda değildir — ama İNSAN gözü yapıyı bir bakışta görür:

HTML

<body>
  <h1>Girintili yaşam</h1>
  <p>body'nin çocukları bir kademe içeride.</p>
</body>

Girintisiz 200 satırlık bir sayfada eksik kapanış etiketi aramak, samanlıkta iğne aramaktır. Girintili sayfada ise hangi etiketin nerede kapandığı çizgi gibi görünür. Bu alışkanlığı İLK günden edin — Etiket Yutan, dağınık kodda saklanmayı sever. 🧹

Kendini test et

Türkçe karakterlerin bozulmaması için head'deki meta etiketini tamamla.

<meta ____="UTF-8">

Cevabı gör

Cevap: charset

charset="UTF-8" özniteliği "bu dosyayı UTF-8 ile oku" der. Bu satır olmazsa ğ, ş, ı gibi harfler anlamsız sembollere dönüşebilir.

Öznitelik (attribute) NEREYE yazılır?

Açılış etiketinin içine, etiket adından sonra
Kapanış etiketinin içine
Etiketin içeriğine, metnin başına
Etiketten önceki satıra

Cevabı gör

Cevap: Açılış etiketinin içine, etiket adından sonra

Öznitelik hep açılış etiketinde yaşar: <html lang="tr">. Kapanış etiketi yalnızca </html> biçimindedir — ayar taşımaz.