Web Sayfalarındaki Benzersiz Tanımlayıcılar
W3C'ye göre, HTML'deki kimlik özelliği:
eleman için benzersiz bir tanımlayıcı
Bu çok güçlü bir özelliğin çok basit bir açıklamasıdır. Kimlik özniteliği, Web sayfaları için çeşitli eylemler gerçekleştirebilir:
- Stil sayfası seçici - Bu, çoğu kullanıcının kimlik özelliğini kullanacağı işlevdir. Benzersiz olduklarından, bir ID özelliğini kullanarak stil oluşturduğunuzda Web sayfanızda yalnızca bir öğeyi şekillendireceğinizden emin olabilirsiniz. Stil oluşturmak için bir kimlik kullanmanın dezavantajı, bir stil sayfasındaki bir nedenden dolayı bir stili geçersiz kılmanız gerektiğinde bunu çok zorlaştırabilen çok yüksek bir özgüllük seviyesine sahip olmasıdır. Bu nedenle, mevcut Web uygulamaları, genel stil amaçları için kimlikler ve kimlik seçicileri yerine sınıfları ve sınıf seçicileri kullanmaya yönelmiştir.
- Web tarayıcıları, Web belgelerinizdeki kesin yerleri hedefleyerek, URL'nin sonundaki kimliğe işaret ederek adlandırmanızı sağlar. Kimliği, sayfanın URL'sinin sonuna eklemelisiniz, önce bir pound-sign (#). Ayrıca, bu ankrajlara, bir elemanın href özniteliğinde pound-sign (#) ve ID ismini ekleyerek sayfanın kendisi ile de bağlantı kurabilirsiniz. Örneğin, bir irtibat kimliğine sahip bir bölümünüz varsa, bu sayfada aşağıdaki sayfaya bağlantı verebilirsiniz:
Bu bağlantı metni - Komut dosyaları için referans - Herhangi bir Javascript işlevi yazarsanız, ID özniteliğini kullanmak istersiniz, böylece sayfadaki kesin öğede, komut dosyalarınızla değişiklikler yapabilirsiniz.
- Diğer işlemler - Kimlik, Web belgelerinizi gerek duyduğunuz şekilde işlemenizi sağlar. Örneğin, HTML'yi bir veritabanına ayıklayabilirsiniz ve Kimlik özniteliği alanları tanımlar.
Kimlik Özniteliğini Kullanma Kuralları
Belgedeki herhangi bir yerde id niteliğini kullanan geçerli bir belgeye sahip olmanız gereken birkaç kural vardır:
- Kimlik bir harfle başlamalıdır (az veya AZ)
- Tüm sonraki karakterler, harfler, sayılar (0-9), tire (-), altçizgi (_), iki nokta (:) ve nokta (.) Olabilir.
- Her kimlik belgedeki benzersiz olmalıdır. Niye ya?
Kimlik Özniteliğini Kullanma
Web sitenizin benzersiz bir elemanını belirledikten sonra, sadece bir elemanı şekillendirmek için stil sayfalarını kullanabilirsiniz.
Bizimle iletişime geçin
Burada bazı metin içeriği var
div # iletişim bölümü {background: # 0cf;}
-ya da sadece-
# iletişim bölümü {background: # 0cf;}
Bu iki seçiciden biri işe yarayacaktı. Birincisi (div # iletişim bölümü), "iletişim bölümü" kimliğine sahip bir bölümü hedefler. İkincisi (# contact-section) hala öğeyi "kontak-bölüm" kimliğiyle hedefleyecektir, sadece aradığı şeyin bir bölünme olduğunu bilmez. Stilin son sonucu tam olarak aynı olurdu.
Ayrıca, herhangi bir etiket eklemeden o belirli öğeye bağlantı verebilirsiniz:
İletişim bilgilerine bağlantı
"GetElementById" JavaScript yöntemiyle komut dosyalarınızdaki paragrafı referans alın:
document.getElementById ( "kontak kesiti")
Sınıf seçmenleri çoğu genel tasarım amacıyla değiştirilmiş olsa bile, ID öznitelikleri HTML'de hala çok kullanışlıdır. ID özniteliğini stiller için kanca olarak kullanma becerisi, ayrıca bunları komut dosyaları için bağlantılar veya hedefler için çapa olarak kullanma yeteneği, bugün Web tasarımında hala önemli bir yere sahip oldukları anlamına gelir.
Jeremy Girard tarafından düzenlendi