HTML'de başlık etiketlerini kullanmak çok önemlidir. Çünkü arama motorları (google, bing, yandex, yahoo vb.) web sitelerine girip tarama işlemi yaparlar ve onlarda yorumlarken bu etiketleri kullanırlar. Bu yüzden önemli başlıkların <h1> ile etiketlenmesi, daha az öneme sahip olanların ise h2,h3,h4,h5,h6 şeklinde gitmesi gerekir.

Başlık etiketleri <h1> ile <h6> arasında tanımlanırlar. <h1> çok önemli başlıklar için, <h6> ise en az öneme sahip başlıklar için kullanılır.

Ayrıca 1'den 6'ya kadar her bir etiket farklı font büyüklüklerine sahiptirler. En güzeli örneklerle öğrenmek, hemen canlı bir örneğine bakalım.

<h1>Aktifnet<h1>
<h2>Aktifnet<h2>
<h3>Aktifnet<h3>
<h4>Aktifnet<h4>
<h5>Aktifnet<h5>
<h6>Aktifnet<h6>
 

Bu kodları çalıştırdığınızda ekranda şöyle bir görüntüye sahip olmanız gerekir;

 
 

Gördüğünüz gibi, <h1> en büyük, <h6> ise en küçük boyuttadır. Ancak yinede diğer etiketlere göre hepsi daha büyük boyuttadır nihayetinde başlık etiketleri oldukları için :)

Artık biliyorsunuz ki, en önemli başlığı <h1> ile, daha az önemli başlıkları <h2> ile ve bu şekilde devam ederek işaretlemeniz gerekiyor.