En son web geliştirme öğreticiler
 

HTML data-* Attribute


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:

  1. Özellik adı Büyük harf içermemelidir ve önek sonra en az bir karakter uzunluğunda olmalıdır "data-"
  2. Ö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