Tanımı ve Kullanımı
data-* niteliklerini sayfaya veya uygulamaya özel özel veri depolamak için kullanılır.
data-* nitelikler bize özel veri tüm özelliklerini HTML öğelerinde gömmek olanağı verir.
Saklanır (custom) veriler daha sonra (herhangi bir Ajax çağrıları veya sunucu tarafı veritabanı sorguları olmadan) daha ilgi çekici bir kullanıcı deneyimi oluşturmak için sayfanın JavaScript kullanılabilir.
data-* nitelikler iki bölümden oluşur:
- Özellik adı Büyük harf içermemelidir ve önek sonra en az bir karakter uzunluğunda olmalıdır "data-"
- Özellik değeri herhangi bir dize olabilir
Not: öneki Custom özelliklerini "data-" tamamen kullanıcı aracısı tarafından göz ardı edilecektir.
Geçerli
contextmenu nitelik parçası olan Küresel Özellikler ve herhangi bir HTML öğesine kullanılabilir.
Eleman | nitelik |
---|---|
Tüm HTML öğeleri | data-* |
Örnek
Örnek
Kullan data-* özel verileri gömmek için öznitelik:
<ul>
<li data-animal-type="bird">Owl</li>
<li
data-animal-type="fish">Salmon</li>
<li
data-animal-type="spider">Tarantula</li>
</ul>
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
nitelik | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |