Ιδιότητες data-* του HTML

Ορισμός και χρήση

data-* Η ιδιότητα χρησιμοποιείται για την αποθήκευση ιδιωτικών προσαρμοσμένων δεδομένων σε σελίδες ή εφαρμογές.

data-* Η ιδιότητα δίνει τη δυνατότητα να ενσωματώσουμε προσαρμοσμένες ιδιότητες data σε όλα τα στοιχεία HTML.

Η αποθηκευμένη (προσαρμοσμένη) δεδομένα μπορούν να χρησιμοποιηθούν από το JavaScript της σελίδας για να δημιουργήσουν καλύτερη εμπειρία χρήστη (χωρίς κλήσεις Ajax ή ερωτήσεις βάσης δεδομένων στο server).

data-* Η ιδιότητα αποτελείται από δύο μέρη:

  • Το όνομα της ιδιότητας δεν πρέπει να περιέχει καμία κεφαλαία και πρέπει να υπάρχει τουλάχιστον ένας χαρακτήρας μετά το πρόθεμα "data-"
  • Η τιμή της ιδιότητας μπορεί να είναι οποιαδήποτε αλφαριθμητική ακολουθία

Σημείωση: Ο χρήστης代理 θα αγνοήσει πλήρως τις προσαρμοσμένες ιδιότητες με πρόθεμα "data-".

Δείτε επίσης:

Εκμάθηση HTML:Οι ιδιότητες του HTML

HTML DOM ΕγχειρίδιοHTML DOM getAttribute() 方法

Παράδειγμα

Χρησιμοποιήστε την ιδιότητα data-* για την ενσωμάτωση προσαρμοσμένων δεδομένων:

<ul>
  <li data-animal-type="鸟类">喜鹊</li>
  <li data-animal-type="鱼类">金枪鱼</li>
  <li data-animal-type="蜘蛛">蝇虎</li>
</ul>

Δοκιμάστε το προσωπικά

Γλώσσα

<element data-*="somevalue">

Τιμή ιδιότητας

Τιμή Περιγραφή
somevalue Καθορίζει τη τιμή της ιδιότητας (ως字符串).

Υποστήριξη του προγράμματος περιήγησης

Οι αριθμοί στη τаблицή σημειώνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει αυτή την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6