DIV mi TABLE mı

Bir öğretmen arkadaş sınav sorusu kısmında tablo kullanımından çok DIV kullanımını özendirirseniz iyi olur demişti. Aklıma geldi bu konuyu tartışmak.
Bu iki sayfa tasarım şeklini kıyaslayalım istedim.

Ben tasarımlarda sürekli TABLE kullanan biriyim ve hiç DIV kullanmadım. Bunun başlıca nedenleri sayfa yerleştirmelerinin bana zor gelmesi ve farklı tarayıcılarda aynı sonucu elde etmek için çok uğraşıtıroyr olması. o yüzden hep tablo kullanmayı tercih ettim.

SİZCE bu iki tasarım şeklinin birbirlerine göre ARTI ve EKSİLERİ nelerdir ?

hocam divleri daha çok resilerin konumlarını belirlemekte kullanıyorum.Table lar süper şeyler...

div daha hızlı çalışır. sayfa yüklenme süresini hızlandırır. Alışabilirseniz tablolardan çok daha kullanışlıdır. ben de tam olarak div kullanmaya alışmadım. yavaş yavaş geçiyorum.

Aslında konu DIV ya da Table kullanma ile ilgili değil, tablolu ve tablosuz tasarımla ilgilidir. Tablolar kontrolü zor olan nesnelerdir, bunun da ötesinde esas kullanım amaçları verileri sunmaktır. Tarayıcılar tabloları daha zor derlediklerinden tasarımda kullanılmaları modern web tasarımında (Web 2.0) pek tavsiye edilmemektedir. Tablosuz tasarımın temelini ise CSS yatar. Normalde tablolar ile yapamayacağınız birçok yapıyı CSS ve div, span ya da diğer html etiketlerini kullanarak kolaylıkla yapabilirsiniz.
Tablosuz tasarım ve CSS ile ilgili www.fatihhayrioglu.com web sitesinin CSS dersleri bölümünü incelemenizi tavsiye ederim. Özellikle Kutu modeli ile ilgili yazıları incelemeniz yerinde olacaktır.
Kendi görüşüm olarak, öğrencilere başlangıçta tablolu tasarım gösterilerek onlara bir sitenin bölümlerini (header, footer, sidebar, content vs...) kavramalarını sağlamak, yeterli zaman kalırsa da mutlaka tablosuz olarak tasarımdan da bahsetmek gerektiğidir.

Ben de TABLE kullanarak tasarım yapmanın ilk adım olduğunu düşünüyorum. Yeni başlayanlar için sayfayı bir düzene sokmak TABLE kullanarak çok kolay olur. Ama ilerleyen seviyelerde mutlaka DIV kullanımı teşvik edilmeli. çünkü DIV daha işlevseldir. Gösterirsiniz, gizlersiniz, hareket ettirirsiniz. ama sayfa düzenini ayarlamak zordur. Farklı çözünürlükler için, farklı tarayıcılar için kafa yormanız gerekir.

Hocam şu an web tasarımın geldiği seviye düşünürsek mutlaka DIV tag'ı kullanılmalıdır. TABLE tag'ı ise ara eleman olarak kullanılmalıdır. DIV kadar esnek, kullanışlı ve istediğin şekli verebileceeğin tag tanımıyorum. Ben tasarımlarımı DIV'den yana kullanıyorum ve mutlaka CSS ile tamamlanmalı görselliği için.