Definiție și utilizare
data-* atribute este utilizat pentru a stoca date private personalizate la pagina sau aplicația.
Cele data-* Atributele ne oferă posibilitatea de a încorpora date atribute personalizate pe toate elementele HTML.
Stocat (custom) datele pot fi apoi utilizate în JavaScript paginii pentru a crea o experiență de utilizare mai interesantă (fără nici Ajax apeluri sau interogări de baze de date server-side).
Cele data-* Atributele constau din două părți:
- Numele atributului nu trebuie să conțină litere mari, și trebuie să fie de cel puțin un caracter mult după prefixul "data-" a "data-"
- Valoarea atributului poate fi orice șir de caractere
Notă: Atributele personalizate cu prefixul "data-" a "data-" va fi complet ignorate de agentul utilizator.
Se aplică la
contextmenu atribut este parte din Atribute globale , și poate fi folosit pe orice element HTML.
| Element | Atribut |
|---|---|
| Toate elementele HTML | data-* |
Exemplu
Exemplu
Utilizați data-* atribut pentru a încorpora date personalizate:
<ul>
<li data-animal-type="bird">Owl</li>
<li
data-animal-type="fish">Salmon</li>
<li
data-animal-type="spider">Tarantula</li>
</ul>
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin atributul.
| Atribut | |||||
|---|---|---|---|---|---|
| data-* | 4 | 5.5 | 2.0 | 3.1 | 9.6 |