İşlevsel olarak aralarında pek bir fark olmasa da optimizasyon açısından etkili olan id ve class’leri açıklayacağım. Bir tasarım yapıyoruz diyelim. Ve bu tasarımı yaparken Css’den yararlanıyoruz. Css tasarımı yaparken id ve class’lerden faydalanıyoruz. Örnek verecek olursak.

Css Id Tagı

Html Dosyası
<div id="footer">Telif hakkı yapımcısına aittir.</div>

Css Dosyası
#footer {text-align: center; background: #999; color: #fff;}

Css Class Tagı

Html Dosyası
<div class="yorum">Bu bir yorumdur.</div>

Css Dosyası
.yorum {color: #555; width: 200px; height; 50px;}

Peki aralarındaki fark ne?
Class ve id arasında iki fark vardır.
Class kullandığımızda css dosyasında . kullanırız. Id kullandığımızda ise # kullanırız.
Id tagı sayfada bir kere, class ise sayfada istenildiği kadar kullanılabilir. Bir sayfada en fazla bir tane footer olacağı için footer, header, sidebar gibi yerler için id kullanılır. Ama bir sayfada birden fazla yorum yazısı olacağı için yorum ve benzeri içeriklerde class kullanılır. Buda optimizasyon açısından olumlu etki sağlar.