HTML data-* Atribut
Definice a použití
Atribut
data-*
se používá k ukládání vlastních dat pro stránku nebo aplikaci.
Atribut
data-*
nám dává možnost vložit vlastní datové atributy do všech prvků HTML.
Uložená (vlastní) data pak lze použít v JavaScriptu stránky k vytvoření poutavějšího uživatelského zážitku (bez jakýchkoli volání Ajax nebo dotazů na databázi na straně serveru).
Atribut
data-*
se skládá ze dvou částí:
- Název atributu by neměl obsahovat žádná velká písmena a musí být dlouhý alespoň jeden znak za předponou „data-“
- Hodnota atributu může být libovolný řetězec
Poznámka: Vlastní atributy s předponou "data-" budou uživatelským agentem zcela ignorovány.
Platí pro
Atribut
data-*
je globální atribut a lze jej použít pro jakýkoli prvek HTML.
Živel | Atribut |
---|---|
Všechny prvky HTML | data-* |
Příklad
Příklad
K vložení vlastních dat použijte atribut data-*:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tento atribut plně podporuje.
Attribute | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |