sevgili dostlarım; html derslerimizin 4. haftasından yeniden merhabalar.
bugün; sizinle html üzerinde başlıkları görecek, önemini ve gerekliliklerini anlatacağım.
html'de başlıklar ne işe yarar?
başlıklar; 1 web sayfasının görünümünü, metinlerin organize olarak işlenmesini, görme engelli ziyaretçiler içinse erişilebilirlik anlamında web sayfanızda kolayca gezinerek işlemler gerçekleştirmelerini sağlar.
html döngüsünde 6 adet başlık seviyesi bulunur; bu başlıklar özellikle uzun makaleleleri bölmede, haber sitelerindeki haberlerin iç başlıklarını hazırlamada, son olarakta web sayfamızda blog adını verdiyimiz sosyal medya, videolarım gibi alanlarda sıklıkla kullanılır.
başlıkseviyesi 1, 2, 3 şeklinde devam eden döngü; 6'ya kadar sürer. en önemlisiyse 1. başlıktır; bu başlık seviyesi: html ve web tasarımda genel olarak ana sayfa başlıkseviyesi olarak nitelendirilir; bu başlığın altınaysa web sayfasının neden kurulduğu açıkça yazılır.
ayrıca başlıkseviyesi1 formatı bütün sayfalarda 1. başlıkseviyesi olarak nitelendirilir ve google tarafındanda sitenin daha fazla arama motorlarında öne çıkartılması sağlanır.
örnekler:
başlıkları html döngüsünde görmek için tabiki ilk önce kodu başlatarak döngüyü açıyoruz.
<html><head><title>deneme</title></head><body>
herşey tamam; body, vicududa hazırladık: şimdi döngüde başlık seviyesini kullanmak için aşağıdaki koda bakıyoruz.
<h1>bubaşlık 1. başlıktır</h1>
<h2>denemedir</h2>
<h3>buda 3. başlıktır</h3>
<h4>başlık 4</h4>
<h5>sondan öncekibaşlık</h5>
<h6>son başlık</h6>
özetle: bu döngüye baktığımızda neyi görüyoruz? < işaretinden sonra harf olarak h yazıp 6'ya kadar 6'da dahil olmak üzeresayımızı yazıp daha sonrada metni yazıp</> deyip yine h harfiyle /işaretinden hemen önce h harfini koyup başlık döngümüzü kapatıyoruz.
şimdide html döngümüzü ve body döngümüzü kapatalım, </body></html>
böylelikle bu haftada sizinle başlıkları tamamlamış olduk; fakat dersi bitirmeden önce 1 kaç önemli noktaya deyinmem gerek.
başlıkları kullanırken metne anlamlara uygun olan başlıklar sayılar seçiniz, uzun kelimeleri başlık olarak seçmeyiniz, başlıkseviyesi1 komutunu mutlak suretle ana sayfanızda, hakkımızda bölümünde, iletişim bölümünde, kısacası web sayfanızın genel içeriyinde mutlaka kodlayınız.
ve unutmayınızki web sitenizdeki başlıklar, sizi hem google üzerinde üst sıraya çıkartacak, hemde erişilebilirlik anlamında görme engelli kullanıcılar başta olmak üzere tüm alanlarda herkese kolaylıklar sağlayacaktır. bu dilek ve temenlilerle okuduğunuz için teşekkür ediyor, başarılar diliyorum.