Web Standartlarında En Bilinen 5 Yanlış Anlaşılma
Konu ismi oldukça uzun ama korkmayın yazacaklarım o kadar uzun değil. Web ile ilgilenmeye başladığınız ilk günden bu yana bir çok saçma duyum, konu ve terim duymaya başladınız değil mi? İşte en bilinen yanlış anlaşılmaların doğruları;
1) Web Standartları = Doğrulama (Web Standarts = Validation)
Css doğrulaması web standartlarında çok büyük bir rol oynar. Bu rolün dışında size web standartlarının nasıl olması gerektiğini öğretir. Bu doğrulamayı web konsorsüyumu olan W3C yapmaktadır. Bu şekilde standartları öğrenirken onlarla ilgili sorunları nasıl çözmeniz gerektiğini de öğrenmiş olursunuz. Doğrulaması yapılmamış bir sayfa asla standartlara uygun bir sayfa değildir. Bunu sakın unutmayın.
2) Web Standartları = CSS (Web Standarts = CSS)
CSS bir stil dilidir. Her ne kadar bu tartışmaya açık olsa da ben CSS’ i bir dil olarak görüyorum. Çünkü standartlarda çok büyük bir paya sahiptir. Tablo (Table) ile yapılan sayfalara göz attığınızda bir çoğunun CSS kullanmadığını göreceksiniz. İşte bu da onların standartlara uygun olmadığı anlamına gelmektedir. Sayfanızda kullandığınız her elementin işlevselliğini CSS ile arttırabilir ve değer atayarak güçlendirebilirsiniz.
3) Web Standartları = Tablosuz Kullanım (Web Standarts = No Tables)
Tablo kullanımından CSS tabanlı derlemeye geçildiğinde bir çok web yazılımcısı ciddi anlamda tablolara küfür etmiştir 
Çünkü tablolar semantik bir yapıya sahip değildir. Konumlandırmaları, alacakları özellikler kısıtlıdır. Bu da sayfanızın çok fazla kod yığını olmasına ve standartlara uymamasına, böylece tarayıcıların sayfalarınızı açarken zorlanmasına sebep olacaktır. Peki tablolar hiçbir şekilde kullanılmamalı mıdır? Hayır, elbette tablolarında kullanılacağı hatta kullanılması zorunlu olduğu yerler mevcuttur.
4) Web Standartları = Div Kullanımı (Web Standarts = Divs)
Tablo kullanımından CSS tabanlı uygulamalara geçildiğinde en çok kullandığımız element DIV elementi oldu. Sayfalardaki kod yığını kalktı, konumlandırma ve semantik kullanım kolaylaştı. İlk başta çaylak olarak adlandırdığımız (ki buna ben de dahilim) DIV kullanımını tercih etmediler. Neden çünkü DIV kullanımı tamamen CSS bilgisine dayanmaktadır. Zaman içerisinde DIV kullanımı ve web standartlarının bu yöne kayması kullanıcıları CSS tabanlı derlemeye itti. Ve daha sonra anlaşıldı ki DIV her yönde tablodan daha iyi.
5) Web Standartları = IEsiz Kullanım (Web Standarts = No IE)
CSS tabanlı kullanımlarda piyasada bulunan hemen hemen her tarayıcı IE (Internet Explorer) hariç çoğu değeri olduğu gibi kabul edip ekrana basmaktadır. Fakat IE kendi değerleri ile bunu ekrana basmaktadır. Bu şekilde bir çok web yazılımcısı CSS konusunda sorun yaşamaktadır. Fakat zaman içinde IE için bazı düzenlemeler ile bu sorunlar aşılmaktadır ki aşılmalıdır da. Bizler tasarladığımız her sayfayı her tarayıcı için aynı şekilde düzenlemek zorundayız. Çünkü sadece kendi kullandığımız tarayıcıda açılacak bir sayfa düzenlemek olmaz.
Sonuç olarak tasarladığınız sayfanın web standartlarına mümkün olduğu kadar uymasına dikkat edin.
5. madde için:
IE6 artık çok eskidi. Bundan herkes şikâyetçi.
Ben uzun zamandır mazilla ve IE7 kullanıyorum. Yaptığım düzenlemelerdeki CSS ve div hatalarını ve eksikliklerini IE7 çok iyi yansıtıyor. mozilla öyle değil. IE7 sayesinde bütün herşeyi daha iyi öğrenmek ve uygulamak zorunda kaldım. Yani bana faydası oldu.
IE7 microsoft ürünü olduğu için ve dolayısıyla açık kaynak olmadığı, ücretsiz olmadığı için piyasalarda karalanıyor gibi bir şey. Son zamanlarda yazınızdaki konulara göre artık geri kalmıyor. Zaten hem ücretli olması hem de gelişmelere kayıtsız kalması abes olurdu.
Yazıyı ve bu yorumu okuyan ziyaretçiler, kendi sitelerinin doğrulamasını yapmaları varsa hataları görebilmek için:
Yazıdaki 1. madde ile ilgili olarak
http://validator.w3.org/
ve yazıdaki 2. madde ile ilgili:
http://jigsaw.w3.org/css-validator/
sitelerinden faydalanabilirler.
Yorumun ve verdiğin bağlantılar için teşekkürler E.Ali. Aslına bakarsan Doğrulama için bir yazı yazıp vermiş olduğun bağlantıları orada verip detaylı anlatmayı düşünüyordum fakat senin vermen de konuyla alakalı olmuş.
IE6′ ile ilgili gerçekten çok fazla sorun yaşanıyor. Geliştirilmediği gibi kullanımdan da kalkmıyor. IE7′ ye gelince ciddi anlamda IE6′ dan daha performanslı bir tarayıcı fakat yine de kendi render (değerlerini) almaya devam ediyor. Tüm değerler için olmasa da bazı değerler de (margin, padding ve özellikle z-index) standartların dışında kalıyor. Bana göre Mozilla Firefox IE7′ den daha iyi hata gösterme konusunda
Şu an için beta aşamasında olan IE8 ise hemen hemen tüm hataları gösterme ve çalışma performansı olarak diğer tarayıcıların bir adım önünde fakat Firefox 3.1′ in Acid 3 testinden %89 gibi büyük bir oran alması onun önüne geçeceğinin bir göstergesi.
Aptal tablolar değil tablolaları aptalca kullananlar demek daha doğru olur.
Table’ da bit html elementidir ve semantik kodlamaya göre onunda kullanıldığı alanlar vardır.
Bunun en önde tartışımız kullanıldığı alanlardan biride datagrid lerdir.
Yani bu anlamda site iskeletini table ile oluşturmak nasıl bir aptalıksa, detaylı bir datagrid’i tablo yerine kalkıp div blockları ile inşa etmekte bir o kadar aptallıktır.
alico, grid konusunda sana katılıyorum. Ama sadece gridleri örnek vererek tabloların semantik yapısı olduğunu ve bu şekilde standartlara uygun olduğunu söylemek biraz yanlış. Sen tablo ile tasarım yaparken iç içe koyduğun tablolar sayesinde veya colspan ya da rowspan kullandığın zaman div ile oluturacağın konumlandırmalar kadar rahat edemezsin. Tablolar iskelet oluşturmaktan ziyade daha çok ara eleman niyetinde kullanılırsa faydalı olacağını düşünüyorum.
İlk cümlen çok doğru tabloları aptalca kullananlar
Bu sektörde çok iyi ve tanınmış bir abim vardır ki kendisi tablo üzerine master yapmış durumda. Onunla bazen kapışırız aynı tasarımları yaparken onun tasarımlar her tarayıcı da çok net iken benimkiler ekstra css dosyaları ile net olabiliyor. İşte burada da tablonun gücü ortaya çıkıyor 