Başlıklar: h1–h6

Altı başlık seviyesini ve hiyerarşi kurallarını öğrenirsin.

Başlık nedir?

Bir başlık (heading), sayfanın ya da bir bölümün başını çeken kısa metindir. HTML altı başlık seviyesi sunar: <h1>, <h2>, <h3>, <h4>, <h5> ve <h6>.

<h1> en büyük, <h6> en küçük başlıktır. Tarayıcı başlık seviyesine göre yazı boyutunu kendiliğinden ayarlar. Asıl görevleri görsellik değil, sayfa yapısını anlatmaktır.

Başlık hiyerarşisi

Başlıklar bir hiyerarşi oluşturur: <h1> ana başlık, <h2> onun alt bölümleri, <h3> ise <h2>'nin alt bölümleridir. Her seviye bir üst seviyenin çocuğu olur.

İçeriği mantıklı bölümlere ayırmak okuyucunun sayfayı taramasını kolaylaştırır. Bu yapı yalnızca göze değil, arama motorlarına ve ekran okuyuculara da yol gösterir.

İyi hiyerarşinin ilkeleri

İyi bir başlık hiyerarşisinde iki temel ilke vardır. Birincisi: bir sayfada genellikle tek bir <h1> olur; o sayfanın ana başlığıdır. İkincisi: seviye atlamadan ilerle — <h1>'den sonra <h3>'e geçme, önce <h2> kullan.

Bu ilkeler zorunlu değildir ama tutarlılık sayfayı hem daha okunaklı hem de daha erişilebilir yapar.

Uygulama Blog yazısı başlıkları yaz

Body içine bir blog yazısının başlık hiyerarşisini ekle: bir <h1> (örneğin Bahçe Blog), ardından iki <h2> alt bölüm (İlkbahar ve Yaz).

Örnek çözümü göster

<body>
  <h1>Bahçe Blog</h1>
  <h2>İlkbahar</h2>
  <h2>Yaz</h2>
</body>

Kendini test et

HTML'de kaç başlık seviyesi vardır?
- Üç
- Dört
- Altı
- On
Cevabı göster

Altı — Doğru. HTML altı başlık seviyesi sunar: h1'den h6'ya.
Etiketi rolüyle eşleştir

<h1>

Ana başlık
<h2>

Bölüm başlığı
<h6>

En küçük alt başlık
<p>

Paragraf

Başlığı kapat

<h1>Sayfa Başlığı____

Cevabı göster

<h1>Sayfa Başlığı</h1>

Sıradaki ders: Paragraflar

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler