HTML'de Başlık Etiketleri

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>PROTOTÜRK<h1>
<h2>PROTOTÜRK<h2>
<h3>PROTOTÜRK<h3>
<h4>PROTOTÜRK<h4>
<h5>PROTOTÜRK<h5>
<h6>PROTOTÜRK<h6>

Editörde Görüntüle

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

HTML Başlık Etiketleri Örneği

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.