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>