Div Id ve Class Arasındaki Temel Fark Nedir?

Tarih: 10 Temmuz 2010   Yazar: Burak Dülgar  |  2.981 kez okundu
Div Id ve Class Arasındaki Temel Fark Nedir?

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>

    Bu yazı için 8 yorum yapılmış.
  1. Serkan dedi ki:

    Karıştıran arkadaşlar için güzel bir anlatım olmuş :)

  2. Cem Demir dedi ki:

    Açıklama çok güzel, ben de bilmiyordum. Teşekkürler.

  3. Cengiz Akyazı dedi ki:

    id ve class ayni div icinde kullanamayaz miyiz? gibi…

  4. Burak Dülgar dedi ki:

    Tabikide kullanabiliriz. Hatta doğru ve kısa kullanım şekli aynı div içerisinde id ve class kullanmaktır. Ben daha rahat anlaşılsın diye yazımda bu şekilde gösterdim.

    Mesela yukarıdaki sonyazıları şu şekilde yazabiliriz:

    <div id="sonyazilar" class="kutu">
    » Son Yazi
    » Son Yazi2
    </div>
    
  5. Mert2407 dedi ki:

    teşekkürler..

  6. MHMTALI dedi ki:

    iD’ler benzersiz alanlardır genellikle… örneğin bu sitede üst kısım yani logonun olduğu bölüm bir İD tanımlamadır… Sadece bir konum için özelleştirilmiştir…

    Fakat Class ortak bir işe hizmet ederler… Yine bu sitede her haber için içerik adında bir class oluşturmuş… Birden çok haber için tek bir kodlama yapmak için kullanılır genelde :)

  7. Burak Dülgar dedi ki:

    Evet güzel örnekler olmuş :)

  8. emre dedi ki:

    peki ajaxtan gelen kısmını ben php de değere atamam gerekiyor.bunun için atamayı div yerine html in hangi özelliğini kullanarak çekebilirim?


Yorum yazmak istermisiniz?

Sorbize RSS Beslemesi    Sorbize E-Posta Aboneliği    Sorbize'yi Facebooktan Takip Edin    Sorbize'yi Twitter'dan Takip Edin    Abone

Yazılar E-Posta'na Gelsin:

Lazım Olabilir
  • Webmaster Portalı
  • Url Kısaltma Servisi
  • Sorbize.com bir çok kategoride güzel ve özgün makaleler okuyabileceğiniz güncel web 2.0 bir blogdur.
    © Tüm Hakları Saklıdır.
    Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.