HTML
Dataattribut

Syntax

• <element data-custom-name="somevalue">

parametrar

Användning av dataattribut

HTML5 data-* attribut ger ett bekvämt sätt att lagra data i HTML-element. Den lagrade informationen kan läsas eller ändras med JavaScript

<div data-submitted="yes" class="user_profile">
  … some content …
</div>

• data-* struktur är data-* , dvs namnet på data- kommer efter data- . Med det här namnet kan du få åtkomst till attributet.

• Data i strängformat (inklusive json ) kan lagras med data-* attribut.

Äldre webbläsare stöder

Dataattribut introducerades i HTML5 som stöds av alla moderna webbläsare, men äldre webbläsare innan HTML5 känner inte igen dataattributen.

I HTML-specifikationer måste dock attribut som inte känner igen webbläsaren lämnas ensamma och webbläsaren ignorerar dem helt enkelt när sidan återges.

Webbutvecklare har använt detta faktum för att skapa icke-standardattribut som är alla attribut som inte ingår i HTML-specifikationerna. Till exempel value är attributet i raden nedan betraktas som en icke-standard attribut eftersom specifikationerna för <img> taggen inte har ett value attribut och det är inte en global attribut:

<img src="sample.jpg" value="test" />

Detta innebär att även om dataattribut inte stöds i äldre webbläsare, fungerar de fortfarande och du kan ställa in och hämta dem med samma generiska JavaScript setAttribute och getAttribute metoder, men du kan inte använda den nya dataset som endast stöds i moderna webbläsare.