Giriş Yap / Kayıt Ol

Div Id ve Class Arasındaki Temel Fark Nedir?

Tarih: 27 Temmuz 2012   Kategori: Programlama   Yazar: admin  |  6280 kez okundu

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>

7 Yorum
ECakmak avatar
ECakmak • 6 yıl önce
Çok merak ettiğim konulardan bir tanesi smile Çok teşekkürler iyi bir anlatım olmuş.
Metin avatar
Metin • 6 yıl önce
Bu nedenle W3'te birden fazla tekrar eden ID kısımları hatalı görünür. Class'ın mantığı zaten budur. Yazı için teşekkürler. smile
bonafide avatar
bonafide • 6 yıl önce
Bilmediğim bir konuydu, teşekkürler.
AhmetK avatar
AhmetK • 6 yıl önce
Hmm şimdi anladım olayı! smile
dumanyak avatar
dumanyak • 6 yıl önce
Biliyordum fakat iyice pekiştirmemiştim. Yazı için teşekkürler smile
yaziverelim avatar
yaziverelim • 6 yıl önce
Zaten oop mantığı da bunu gerektirir.Güzel anlatım
Coderca avatar
Coderca • 6 yıl önce
Merak ettiğim bir konuydu, teşekkürler.
FacebookTwitterGoogle+YoutubeInstagramPinterest

E-Posta Aboneliği

Yeni yazılar için takipte kalın!

WM Aracı Maskotu Boa WM Aracı © 2010 - 2018
Bir Boğa Bilişim markası.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.