5 Nisan 2013 Cuma

Html 5 Section Etiketinin Kullanımı

Html 4 ile sayfa yapısını oluştururken header, navigasyon, footer, içerik, menü gibi divler kullanarak sayfanın genel yapısını hazırlayıp daha sonra bu divlere Css ile yerleşimlerini ve içeriğini ayarlayarak görsel olarak hazırlarız.

Html 5 ile bu bölümleri gruplayarak oluşturmak daha kolay hale getirilmiştir. Bu işlemler için Html 5 içinde kullanılan yapısal etiketleri kullanabiliriz.

Bu gruplandırmalar için section etiketini kullanabiliriz. Section etiketi ile divlermizi kullanmaya devam edebiliriz. Html 5 ile gelen section etiketi bir sayfada genel bir bölümü belirlemek için kullanabiliriz. Sayfamızın başlığı, içerik gibi etiketlerle gruplandırılmış bir içerik olarak kullanabiliriz.

Örnek;

Basit olarak anlattığımız Örneğimizde section etiketini dis div adlı divimizin içinde kullandığımızı unutmayalım. Bu şekilde div içeriğimizi başka divler kullanmadan düzenlemiş oluyoruz. Eğer istersek section içersini divler yardımıylada düzenleyebilmemiz mümkün.

Hiç yorum yok:

Yorum Gönder