HTML5 Sayfa Yapısı
Daha önce html sayfa yapımızdan bahsetmiştik. Sayfalarımız
head ve body etiketlerinden ana yapısını oluşturmaktaydı. Şimdi konumuza biraz
daha
derinlik kazandıralım ve container, header, footer etiketlerini
inceleyelim.
Container, header, footer etiketleri HTML5’in bize kazandırdığı
nadide etiketlerdendir. Yapısal olarak eskisinden pek farkı olmasa da sayfa
düzeni oluşturduktan sonra özellikle sitemizi yayınlayınca oluşan kod yığını
içerisinde bize neyin nerede olduğunu hissettiren etiketlerdendir.
Container yani bizim bildiğimiz haliyle konteyner aslında
gerçek hayatta bizim daha çok filmlerin aksiyon sahnelerinde gördüğümüz
işleviyle HTML5’te karşımıza çıkmaktadır. Yani içine konuanı taşır. Peki biz
bunu nasıl kullanıyoruz. Aslında body etiketi tam da bu görevi üstlenmekte. Ama
div etiketi de –ki bu etiket bizim her şeyimiz olacak- bol miktarda tercih
edilmekte.
Header etiketi sayfamızı başlık kısmını içine alır. Yani arama
butonu, logo, menüler vs. burada yer alır. Peki neden bu etiketi kullanmalı. Web
teknolojileri geliştikçe aslında sayfa görselleri de baya bir gelişme gösterdi.
İşte biz bu etiket ile sayfa başlığımız sabit mi kalsın yoksa kaybolsun mu gibi
ayarlamaları buradan yapacağız.
Gelelim footer etiketine. Bu etiket de sayfamızın en alt
kısmını oluşturur ve içerisinde genellikle site haritasıi telif hakları ya da
sosyal medya butonlarını barındırır.
İleri ki derslerimizde bunların kullanımında bolca örnek
yapmak dileğiyle…
HTML5 Ders-1
4/
5
Oleh
Unknown
