HTML Başlıkları
Html Başlık Etiketleri Kullanımı
Başlık etiketleri, web sayfası içeriğinin hiyerarşisini ve yapısını tanımlamaya yardımcı olur.
HTML, etiketleri başlık alanlarında altı seviyede h1 - h6 aralığında, başlık seviyesi sayısı ne kadar yüksek olursa önemi o kadar büyük olur - bu nedenle h1 etiket en önemli başlığı, h6 ise en önemsiz başlığı tanımlar.
Varsayılan olarak, tarayıcılar başlıkları normal metinden daha büyük ve daha kalın yazı tipiyle görüntüler. Ayrıca h1 başlıklar en büyük yazı tipinde, h6 başlıklar en küçük yazı tipinde görüntülenir.
Burada en önemli hususlardan biri başlık dizilimidir. Başlıklar birbirinin içerisinde büyüyen sırada kitap index'i gibi yapılandırılmalıdır.
Bir sayfada tüm başlık seviyelerini kullanma zorunluluğu yoktur.
<h1>Başlık Seviyesi 1</h1>
<h2>Başlık Seviyesi 2</h2>
<h3>Başlık Seviyesi 3</h3>
<h4>Başlık Seviyesi 4</h4>
<h5>Başlık Seviyesi 5</h5>
<h6>Başlık Seviyesi 6</h6>
<h1>İlk Başlık</h1>
<h2>İkinci Başlık</h2>
<h2>İkinci Başlık</h2>
<h3>Üçüncü Başlık</h3>
Yukardaki gibi bir sıralama hem sayfa yapılandırmanızda işe yarar hemde seo'da artı bir değer oluşturur.
Başlık Seviyesi 1
Başlık Seviyesi 2
Başlık Seviyesi 3
Başlık Seviyesi 4
Başlık Seviyesi 5
Başlık Seviyesi 6
Kullandığınız temel yapılandırma stil dosyalarında tanımlayacağınız h1, h2, h3, h4, h5, h6 dğerleri ile istediğiniz renk, yazı fontu, yazı boyutu ve bir çok özellik tanımlaması yapabilirsiniz. Bootstrap gibi hazır kütüphane kullanıyorsanız bu değerler tanımlı gelir. Özel css dosyanızda bunlara yeni tanımlamalar yazabilirsiniz. Başlık etiketleri masaüstü ve mobil cihazlarda farklı stillerde tanımlanabilir.