Ö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 " Tanımı ve Kullanımı
data-* niteliklerini sayfaya veya uygulamaya özel özel veri depolamak için kullanılır.
data-* nitelikler bize özel gömmek olanağı verir data tüm özelliklerini HTML öğelerinde.
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.
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 |
HTML 4.01 ve HTML5 Arasındaki Farklar
data-* nitelikler HTML5 biçiminde yenidir.
Sözdizimi
< Özellik Değerleri değer Açıklama somevalue Özelliğinin değerini belirtir (as a string)
İlgili Sayfalar
HTML Eğitimi: HTML Özellikleri
HTML DOM Referans: HTML DOM getAttribute() Metodu