HTML Header Etiketi Kullanımı


HTML  Header Etiketi Nasıl Kullanılır ?


Daha önceki Body Etiketi Nedir ? adlı makalemizde paragraf etiketimizden ve bu etiketin nasıl kullanıldığından bahsetmiştik . 

Evet paragraf etiketimiz sayesinden hiyerarşik yapıya uygun olarak makalelerimizi yazabiliyoruz ama başlıklarımızı nasıl yazacağız ? Makalelerimizde alt başlıklarımızı nasıl oluşturacağız ?

Bu makalemizde başlık etiketimizden bahsedeceğiz . 

< h > etiketi sayesinde makalelerimizde başlık verebiliyoruz . H etiketi HTML ' in en özel etiketlerindendir . Temel olarak   < h1 > ve < h6 >  etiketleri arasında farklı boyutlarda başlıklar tanımlanabilir . 

< h1 > en büyük başlık ve < h6 > ise en küçük başlık türüdür . 

Kullanımı 


< h1 > Bu Bir Başlıktır < / h1 >

< h2 > Bu Bir Başlıktır < / h2 >

< h3 > Bu Bir Başlıktır < / h3 >

< h4 > Bu Bir Başlıktır < / h4 >

< h5 > Bu Bir Başlıktır < / h5 >

< h6 > Bu Bir Başlıktır < / h6 >

Yukarıda ki şekilde yazılarak başlıklarımız tanımlanır . Şimdi kod ekranında nasıl yazılacağını ve tarayıcıda nasıl görüntüleneceğini uygulama örneği resimleri ile görelim .




























Başlık etiketlerimizi yazdıktan sonra HTML dökümanımızı kaydediyoruz .  Ardından tarayıcımızı açalım . 






























Ve başlıklarımızı  tarayıcımızda görüntülüyoruz . 

Şimdi de HEADER etiketinden bahsedelim . 

HEADER Etiketi Nedir ? Nasıl Kullanılır ?


< header > etiketini İnternet Explorer 9 , Mozilla Firefox , Opera , Safari , Google Chrome gibi tarayıcılar desteklemektedir . 

Header ve footer etiketleri de HTML5 ile gelen yeni yapısal etiketlerdendir.

Header sayfanın başlık kısmının tanımlandığı yani başlık kısmında olması gereken ögelerin gruplandığı bir alandır . 


Aslında web tasarım derslerinin ilkinde bir HTML dökümanın hangi alanlardan oluştuğu ve bu alanların isimleri anlatılmaktadır . Öncelikle bundan bahsedelim . 


HTML dökümanımızda sadece başlık kullanmak istiyor isek  h1 ile h6 arasındaki etiketleri kullanılabiliriz. 
Mesela header alanının içerisinde  sayfanın banner’ı , başlığı, logosu gibi bilgiler yahut resimler de yer alabilir . 
Bir sayfada birden fazla header da kullanılabilir . 
Footer da header’a benzer bir yapıda geliştirilmiştir. Sayfanın ya da bölümlendirmenin en altında kullanılacak olan öğeleri gruplandırmak için kullanılır .