Başlık Oluşturma

HTML'de toplamda 6 tane başlık etiketi vardır. Bunlar <h1>, <h2>, <h3>, <h4>, <h5> ve <h6> etiketleridir. <h6> dan <h1> e doğru gidildikçe başlıkların boyutu artar. Mesela <h1> etiketi ile oluşturulan başlık diğer başlıklara göre daha büyüktür.

<h1>Hz. Peygamber Efendimizin (sav) Hadisleri</h1>

Makale ve diğer içeriklerimizin konu başlığını belirlemek için başlık etiketlerini kullanırız. Bir önceki derste gördüğümüz <p> etiketi ile birlikte başlık etiketinin nasıl kullanıldığını görelim.

<h2>Hz. Peygamber Efendimizin (sav) Hadisleri</h2>
<p>İslâm, güzel ahlâktır. (Kenzü’l-Ummâl, II/17, HadisNo. 5225)</p>
<p>İnsanlara merhamet etmeyene Allah merhamet etmez. (Müslim, Fedâil, 66; Tirmizî, Birr, 16)</p>

Yukarıdaki örneğimizde <h2> başlık etiketini kullandık. İlk örneğimizde ise <h1> etiketini kullanmıştık. Üstteki örneklere giderek aradaki boyut farkını görebilirsiniz.

Aşağıdaki örnek üzerinden tüm başlıklar arasındaki farklı gözlemleyelim.

<h1>Allah'ın Varlığına ve Birliğine İman</h1>
<h2>Allah'ın Kitaplarına İman</h2>
<h3>Peygamberlere İman</h3>
<h4>Meleklere İman</h4>
<h5>Ahiret Gününe İman</h5>
<h6>Kadere ve Kazaya İman</h6>

Şimdi başlık (<h1>) ve paragraf (<p>) etiketlerini kullanarak İmanın Şartları isimli bir makale kodlayalım.

<h1>İmanın Şartları</h1>
<p>Allah'ın Varlığına ve Birliğine İman</p>
<p>Allah'ın Kitaplarına İman</p>
<p>Peygamberlere İman</p>
<p>Meleklere İman</p>
<p>Ahiret Gününe İman</p>
<p>Kadere ve Kazaya İman</p>

Başlık etiketleri şu şekilde kullanılır: İlk önce ana başlık <h1> etiketiyle yazılır. <h1> etiketinin yalnızca bir kez kullanılması tavsiye edilir. Çünkü <h1> etiketinin içerisine yazdığımız yazı arama motorlarına sayfamızın içeriği hakkında en önemli bilgiyi verir. Ardından makalemizin ilerleyen kısımlarında ana konumuzu bir ağaç misali alt dallara ayırmamız gerekebilir. Bu durumda bu başlıkları <h2> etiketiyle tanımlarız. Ondan sonraki alt başlıkları ise <h3> etiketiyle tanımlarız. Döngü bu şekilde <h6> etiketine doğru devam eder.

Sitemizdeki metinlerin boyutunu büyütmek için başlık etiketlerini kullanmamalıyız. Bu tamamen yanlış bir yaklaşımdır ve sitemizin arama motorlarında daha üst sıralarda gözükmesini engeller. Bunun yerine metnin boyutunu arttırmak istediğimizde CSS kullanmamız gerekir. CSS'i ileriki derslerimizde anlatacağız. Öyleyse HTML öğrenmeye kaldığımız yerden devam edelim.