CSS ile ilgili en sık sorulan sorulardan birisi class ve id arasındaki farkın ne olduğudur. İtiraf etmek gerekirse, CSS öğrenmeye başladıktan bir sene sonra bile, id kullanımından uzak duruyordum -ki herhangi bir şeyi öğrenirken, eğer hazır değilseniz kafanızı karıştırabilecek konuları atlayın-.
ID
Bir HTML dosyasının içeriğinde, sadece bir öğeye verilebilecek bir değerdir id, basite indirgersek, id'ler HTML'de kullandığımız öğenin, nüfus kağıdıdır. Nasıl bizim nüfus kağıdımız sadece bize özelse, ve başkasıyla paylaşamazsak, id'ler de öğeye özeldir ve aynı sayfa içerisinde başka bir öğeyle id'sini paylaşmaz.
Eğer bir proje geliştiriyorsak, verdiğimiz id'yi aynı sayfada birden fazla olmamak koşuluyla istediğimiz kadar kullanabiliriz. Dolayısıyla id'ler site tasarımdan, kodlama aşamasına geçtiğinde, dikkatli kullanılması gereken kimliklendirmelerdir.
ID tamam, peki Class ne?
Demin ki örneğimizden devam edersek, class'lar id'lerden farklı olarak bir sayfa içerisinde istediğimiz kadar kullanabileceğimiz değerlerdir. Id'yi nüfus kağıdına benzetmiştik ya, class'lar bu durumda aynı oda içerisindeki "bütün erkekler", "bütün kızlar", "bütün gözlüklüler", "bütün sarışın, mavi gözlü, şahane hatunlar" kümelerine benzetebiliriz.
ID tamam, Class'ı da anladım.
Ama benim başka sorum var diyorsanız, bu bölümün sadece sizlerden gelen soruları açıklamak için hazırlandığını hatırlatıyorum. Oyun parkımız olan, WebStandartları.com forumuna kayıt olup, Soru&Cevap köşesine sorularınızı yollayabilirsiniz.
1.
lautreamont
Eylül 15, 2005 05:10 tarihinde şöyle demişyukarıdaki açıklamaya ek olarak; şunu da ekleyebiliriz. id, sayfaların structure'ını oluşturmak için kullanılırlar. (header, content, sidebar, breadcrumb, footer gibi)
class'lar ise id'lerin oluşturduğu yapıya, ek stiller eklemek için kullanılırlar (kullanılmalıdırlar) aynı zamanda tipografik öğelerin de stilizasyonu için class'lar kullanılır. (span, p, quote, code, h1, h2 gibi)
ikisinin uyumlu çalışması kısa css dosyaları ve kolay güncellenebilir xhtml sayfaları demektir.
2.
Erdem
Ekim 7, 2005 11:12 tarihinde şöyle demişİyi Çalışmalar;
Öncelikle sitenize ilk defa giriyorum.Gerçekten tasarım ve içerik olarak hoşuma gitti. Merak ettiğim husus kalemle çizilmiş linkler var. Bunları nasıl yaptığın.
3.
cemshid
Ekim 7, 2005 04:31 tarihinde şöyle demişTeşekkürler,
kalemle çizilmiş linklerden kastın, "highlight" edilmiş gibi durmasıysa, basitçe beğendiğin rengi link'in arkaplanına vermeyle halledebilirsin...
yazıp dene bir istersen,..
4.
ebru
Mart 23, 2006 03:14 tarihinde şöyle demişarkadaşlar benim bi sorunum var ımage ready bu benim dönem ödevim ve nerden nasıl tam olarak bulacağımı bilmiyorum bana biraz yardımcı olurmusunuz
teşekkürler
5.
aziL
Nisan 22, 2006 12:59 tarihinde şöyle demişher hafta yeni bir yazı bekliyoruz cemshid bey; her gün siteye girip aynı yazıyı görmek istemiyoruz. css hakkındaki en idealist bu siteyi çok seviyoruz :sitem:
Yorum Ekle