Web tasarım’a yeni başlayan bir çok arkadaş div class ve div id arasında ki farkı bilemiyor. Doğrusu bende ilk başladığım zamanlarda bunun genel mantığını bilemiyordum. Ama sonra gerek çalışmalarım, gerek okuduğum bazı kaynaklar sayesinde arasındaki genel farkı kaptım.

Div id, web sayfası içerisinde yer yer alan gerekli bölümler için kullanılabilir. Örnek vermek gerekirse;



Header bölümü yani üst kısım sayfamızda kullanmamız gereken bir bölüm. Bu yüzden header’e id veriyoruz arkadaşlar. Aynı şekilde footer, sidebar, index gibi bölümler de bir temada olması gereken temel bölümler olduğu için id veriyoruz..

Bir diğer tanımı ise, sayfada kullanılması şart olan ve tek bir şekilde kullanılacak olan bölümlere div id veriyoruz.

Div class, sayfamızda her bölümde ve olması şart olmayan bölümler için kullanılır. Buna da örnek verelim;



Farkındaysanız header’e burada id vermiştik. Logo onun içinde olan bir özellik olunca buna class veriyoruz arkadaşlar. Çünkü logoyu tek bir yerde değil, bir çok bölümde kullanabiliriz. Aynı şekilde logo her tasarımda bulunmayabilir. O yüzden id yerine class veriyoruz.

Kaynak: Enes Çakmak | Div İd ve Div Class Arasındaki Temel Fark