HTML verileri-* Nitelikler
Örnek
Özel verileri gömmek için data-* niteliğini kullanın:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Tanım ve Kullanım
Nitelikler data-*
, sayfaya veya uygulamaya özel özel verileri depolamak için kullanılır.
Nitelikler data-*
bize özel veri niteliklerini tüm HTML öğelerine gömme yeteneği verir.
Depolanan (özel) veriler daha sonra (herhangi bir Ajax çağrısı veya sunucu tarafı veritabanı sorgusu olmadan) daha ilgi çekici bir kullanıcı deneyimi oluşturmak için sayfanın JavaScript'inde kullanılabilir.
Nitelikler data-*
iki kısımdan oluşur:
- Öznitelik adı büyük harf içermemeli ve "data-" önekinden en az bir karakter uzunluğunda olmalıdır.
- Nitelik değeri herhangi bir dize olabilir
Not: Ön eki "data-" olan özel öznitelikler, kullanıcı aracısı tarafından tamamen yok sayılır.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Attribute | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
Sözdizimi
<element data-*="somevalue">
Özellik Değerleri
Value | Description |
---|---|
somevalue | Specifies the value of the attribute (as a string) |
İlgili Sayfalar
HTML Eğitimi: HTML Nitelikleri
HTML DOM Referansı: HTML DOM getAttribute() Yöntemi