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

Başlık Hiyerarşisi: h1'den h6'ya

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

HTML'de altı seviye başlık vardır: <h1>'den <h6>'ya. Sayı büyüdükçe önem ve punto küçülür — h1 dev, h6 minicik. Ama dikkat: bunlar süs değil, hiyerarşi araçlarıdır. Bir kitabı düşün: kitabın adı (h1), bölüm adları (h2), alt bölümler (h3)...

HTML

<h1>Gezegenimiz</h1>
<h2>Kıtalar</h2>
<h3>Asya</h3>

Görgü kuralları netleşsin:

Sayfada TEK h1: gelenek (ve arama motorlarının beklentisi) her sayfada bir tane ana başlıktır. İki "kitap adı" olmaz.
Seviye atlama: h1'den h4'e zıplamak, kitapta bölüm başlığı olmadan alt-alt-bölüme geçmek gibidir — sıra bozulur, yapı anlamsızlaşır.
Boyut için başlık seçme: "h4 daha şirin duruyor" diye içeriğin önemini yanlış anlatma. Boyut işini ileride CSS yapacak; başlık seviyesi ANLAM işidir.

Şimdi gözünle tartalım — üç farklı seviye yan yana gelirse ekranda ne olur?

HTML

<h1>Gezegen</h1>
<h3>Kıta</h3>
<h6>Şehir</h6>

▸ TARAYICIDA GÖRÜNÜM

Üçü de kalın ve alt alta: "Gezegen" kocaman, "Kıta" orta boy, "Şehir" minicik

💡 h6 o kadar küçüktür ki normal paragraf yazısından bile ufak görünebilir — ama yine de KALINDIR, çünkü o hâlâ bir başlıktır. Gerçek sayfalarda h1-h2-h3 sık, h5-h6 nadir kullanılır.

Ekran okuyucular (görme engelli kullanıcıların yazılımları) sayfada başlıktan başlığa atlayarak gezinir. Düzgün hiyerarşi kurduğunda sadece şık bir sayfa yapmıyorsun; sayfanı herkes için gezilebilir kılıyorsun. 📚

Kendini test et

Tek sayfada başlık kullanımı için hangisi DOĞRU gelenek?

Bir tane h1, altında gerektiği kadar h2/h3
Her önemli bölüme bir h1
Küçük yazı istenen yere h6, büyük istenen yere h1
Başlıklar sırayla değil, boyuta göre seçilir

Cevabı gör

Cevap: Bir tane h1, altında gerektiği kadar h2/h3

Sayfa bir kitap gibidir: tek kitap adı (h1), çok bölüm başlığı (h2, h3...). Başlık seviyesi boyut değil ANLAM işidir; boyutu ileride CSS ayarlar.

Mısraları aynı paragrafta ayrı satırlara koyan void etiketi yaz.

<p>Deniz masmavi<____>Gökyüzü aydınlık</p>

Cevabı gör

Cevap: br

<br> paragrafı bitirmeden satır kırar — şiir ve adres satırlarının klasik aracı. Void olduğu için kapanışı yoktur.