Göre W3C, ID özniteliği HTML öğe için benzersiz bir tanımlayıcıdır. CSS stilleri, bağlantı bağlantıları ve komut dosyaları için hedefler için bir web sayfasının bir alanını tanımlamanın bir yolunu sağlar.
Kimlik Özelliği Ne İçin Kullanılır?
Kimlik özelliği, web sayfaları için çeşitli eylemler gerçekleştirir:
- Stil sayfası seçicisi: Bu, çoğu kişinin ID özniteliğini kullandığı işlevdir. Benzersiz oldukları için, bir ID özelliği kullanarak stil verdiğinizde web sayfanızdaki yalnızca bir öğeye stil verirsiniz. Şekillendirme amacıyla bir kimlik kullanmanın dezavantajı, çok yüksek bir özgüllüğe sahip olmasıdır. bu, daha sonra bir nedenden dolayı bir stili geçersiz kılmanız gerekirse, bunu çok zorlaştırabilir. stil sayfası. Bu nedenle, mevcut web uygulamaları, genel stil amaçları için kimlikler ve kimlik seçiciler yerine sınıfları ve sınıf seçicileri kullanmaya eğilimlidir.
- Bağlantı için adlandırılmış çapalar: internet tarayıcıları URL'nin sonundaki kimliği işaret ederek web belgelerinizdeki kesin konumları hedefleyin. Kimliği, önüne bir karma işareti koyarak sayfa URL'sinin sonuna ekleyin. Hash etiketini ve ID adını ekleyerek bu bağlantılara sayfanın kendisiyle bağlantı kurun. href eleman için öznitelik. Örneğin, kimliği olan bir bölüm için İletişim, ile o sayfada bağlantı #İletişim.
- Komut dosyaları için bir referans: Herhangi bir Javascript işlevi yazarsanız, komut dosyalarınızla sayfadaki kesin öğede değişiklik yapabilmek için ID özniteliğini kullanın.
- Diğer işleme: Kimlik, web belgelerinizde ihtiyacınız olan her şekilde işlemeyi destekler. Örneğin, HTML'yi bir veritabanına çıkarabilir ve alanları tanımlamak için ID niteliğini kullanabilirsiniz.
Kimlik Özelliğini Kullanma Kuralları
Kimlik özelliklerinizin şu üç standarda uygun olduğundan emin olun:
- Kimlik bir harfle (a-z veya A-Z) başlamalıdır.
- Sonraki tüm karakterler harf, sayı (0-9), kısa çizgi (-), alt çizgi (_), iki nokta üst üste (:) ve nokta (.) olabilir.
- Her kimlik belge içinde benzersiz olmalıdır.
Kimlik Özelliğini Kullanma
Web sitenizin benzersiz bir öğesini belirledikten sonra, stil sayfaları sadece bu öğeye stil vermek için.
Örneğin, başlıklı bir kimliği tanımlamak için İletişim, şu formlardan birini kullanın:
div#contact { arka plan: #0cf;}
#contact { arka plan: #0cf;}
İlk örnek, ID özniteliği olan bir bölümü hedefliyor İletişim. İkincisi hala kimliği olan öğeyi hedefliyor İletişim, sadece bunun bir bölünme olduğunu şart koşmaz. Stilin nihai sonucu tamamen aynı olacaktır.
Ayrıca, herhangi bir etiket eklemeden o belirli öğeye bağlantı verebilirsiniz.
Komut dosyalarınızda bu paragrafa getElementById JavaScript yöntemi:
document.getElementById("iletişim bölümü")
ID öznitelikleri HTML'de hala çok kullanışlıdır. sınıf seçiciler çoğu genel stil amaçları için onları değiştirmiştir. ID özniteliğini stiller için bir kanca olarak kullanmak, aynı zamanda bunları bağlantılar için çapa veya komut dosyaları için hedefler olarak kullanmak, bugün web tasarımında hala önemli bir yere sahip oldukları anlamına gelir.