Ultimele tutoriale de dezvoltare web
 

HTML data-* Attributes


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:

  1. 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-"
  2. 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