Web tasarıma yeni başlayan tasarımcıların en çok sorduğu sorulardan biride div id ve class arasındaki temel farkın ne olduğudur. Aslında aralarındaki fark çok basittir. Div id ve class işlevsel olarak tamamen aynı görevi görürler. Ancak yinede aralarında bir fark vardır ve bu farkı oluşturanda XHTML kuralları oluyor. Bildiğiniz gibi XHTML kuralları büyük bir düzen gerektiriyor. Bu XHTML kurallarına göre ise id ve class’ın kullanım alanlarında farklılıklar doğuyor. Peki nedir aralarındaki bu farklar?

Div id ve class’ın etkileri tamamen aynıdır. Ancak XHMTL kurallarına göre kullanım alanları farklı olmalıdır.

Div id bir sayfada belli bir bütünü biçimlendirir ve bu bütün için sayfada bir defa kullanılmalıdır. Bu div id bu bütünün ayrıcalığını belirtmelidir. Örnek olarak header kısmının bütününde, sidebar kısmının bütününde gibi.

Div class ise bir bütün için değilde genel ayarlamalar için kullanılır. Aynı isme sahip bir div class diğer bütün sayfalarda kullanılabilir. Örnek olarak sidebar kısmındaki bütün kutucukların ayarları için class kullanabiliriz.

Bir örnek verecek olursak:

<div id="sonyazilar">
<div class="kutu">
» Son Yazi
» Son Yazi2
</div>
</div>

<div id="yorumlar">
<div class="kutu">
» Son Yorum
» Son Yorum2
</div>
</div>