HTML verileri-* Özellik
Tanım ve Kullanım
Nitelik
data-*
, sayfaya veya uygulamaya özel özel verileri depolamak için kullanılır.
Nitelik
data-*
bize, tüm HTML öğelerine özel veri niteliklerini 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.
Nitelik
data-*
iki bölümden 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.
Şunlar için geçerlidir:
data-*
Nitelik bir Global Niteliktir ve herhangi bir HTML öğesinde kullanılabilir.
eleman | Bağlanmak |
---|---|
Tüm HTML öğeleri | veri-* |
Örnek
Ö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>
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 |