piskopat sığınma evi

Bundan 4 buçuk 5 yıl önce web tasarımına başladığımda, ( şanslı bir yerden başladığımı söyleyebilirim ) bana patronum iç içe tablolar kullanmamam gerektiğinden, hatta mecbur olmadıkça tablo kullanmamam gerektiğinden, bunun siteyi yavaşlattığından bahsetmişti. O zamanlarda işi yeni öğreniyordum. Dreamweaver'ı açıp tabloları döşüyordum

Bu saçmalığı derhal bıraktım. HTML'imi kendim yazmaya başladım. ( Firebug'u çok rahat kullanabiliyor olmam editör olarak Editplus'tan şaşmamam sayesinde oldu. ) Herneyse... Ve tablolardan olabildiğince kaçtım.

Biraz önce genellikle takip ettiğim Jennifer Kyrnin'nin blogunda bu konuyla ilgili çok güzel bir yazıya rastladım. Özetleyerek, kendi düşüncelerimi de katarak paylaşmak isterim ki hala "Tabloyla çatır çatır yerleştirmek varken neden CSS'li div kullanayım!" mantığında olan arkadaşlar tablonun ne menem bir şey olduğunu anlasın

Web sayfaları oluştururken neden tablo kullanmamalıyız?

1. Geçerli XHTML için CSS kullanmalısınız. Tablolar ancak veritabanından gelen listelenmiş bilgilerde kullanılabilir.

2. Karmaşık düzenlerde tablolar içinden çıkılmaz haller alabilir. Taglar yanlış kapanmış veya hiç kapanmamış bırakılırsa web sayfası acayip görüntüler alacaktır. Tablo, CSS kullanılan divlere göre editlenmesi çok zor bir yapıdır. CSS'de stil dosyasından yapacağınız sadece bir değişiklikle sayfada birçok öğenin şeklini değiştirebilirsiniz. Ama tabloda tek bir hatayı bulmak bile bazen insana kafayı yedirebiliyor.

3. Tablolar esnek değildir. Genişlikler için % değerleri kullandığınızda hem yüklenmesi ağırlaşacak hem de sayfanın görüntüsünü belirsiz şekillerde değiştirecektir. Ayrıca %'li genişlikler, şekilli sayfalarda kullanıldığında Safari vb browserlarda çok problem çıkarıyor. Sabit genişlik uygularsanız da farklı browserlarda farklı görüntülerle karşılaşıyorsunuz. CSS ile divleri istediğiniz şekle getirebiliyorsunuz. İster sabit ister esnek. Zaten div denilen şeyin default genişliği 100%.

4. İç içe geçmiş tabloları browserın anlaması vakit alıyor.Tek tabloyu yüksek sesle okuduğunu düşünelim .."tablo satır sütun hede sütun bitti satır bitti tablo bitti...pefff.."
   
   Aynı şekilde hede şeyini divin içine koyarsak sadece şunu söyleyecek..
   "div hede div bitti"

5. Arama motoru sayfaya gelir ve sayfanın en üstündeki içerik onun için en önemlisidir. Site tasarımında menüyü her zaman sayfanın soluna koyarız ve tabloda bu ilk td demektir, sayfada ilk yazı soldaki menü, yani arama motorunda yer almak için gereksiz bilgi...

6. Motorlarda olduğu gibi görme engelli veya okuma bilmeme gibi özellikleri olan kişiler için yapılmış olan ekran okuyucular da sayfaları baştan sona doğru okumaktadır. Sayfanın ilk başındaki gereksiz bilgi ekran okuyucu ile siteyi gezen kişiyi siteden çok rahat soğutabilir.
   
   CSS ile sayfanın sol üstüne position verilen div bu işi çözer. Onu HTMLde sayfanın en sonuna bile koysanız o sayfanın başında yer alacak, böylece arama motorları ve ekran okuyucular ilk onu okuyacaktır.

7. Tabloları print ettirmek zor. Yazdırılacak içerik için sitede yazdırma sayfası açtığımız, oraya farklı HTML yazdığımız bile oluyor. Sadece print için ayrı CSS dosyası hazırlanabilir.

Düzenli bir stil dosyası ve divlerle sonradan değiştirilmesi çok kolay, her türlü ortama uyum sağlayabilecek, hem yapanı hem kullananı sevindirecek işler yapılabilir.

KAHROLSUN TABLOLAR!!!