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 » 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 personalizate data de atribute 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.
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 |
Diferențe între HTML 4.01 și HTML5
Cele data-* atribute sunt noi în HTML5.
Sintaxă
< Valorile atributelor Valoare Descriere somevalue Specifică valoarea atributului (as a string) de (as a string)
Pagini similare
Tutorial HTML: Atribute HTML
HTML DOM Reference: HTML DOM getAttribute() Metoda