HTML data-* egenskab

Definition og brug

data-* Egenskaben bruges til at gemme private brugerdefinerede data for siden eller applikationen.

data-* Egenskaben giver os mulighed for at indlejre brugerdefinerede data i alle HTML-elementer.

Lagrede (brugerdefinerede) data kan bruges i sidens JavaScript til at skabe en bedre brugeroplevelse (uden Ajax-kald eller server-side databaseforespørgsler).

data-* Egenskaben består af to dele:

  • Egenskabsnavnet bør ikke indeholde nogen store bogstaver, og der skal være mindst én tegn efter præfikset "data-".
  • Egenskabsværdien kan være hvilken som helst streng

Bemærk: Brugeragenten ignorerer fuldstændigt egenskaber med præfikset "data-".

Se også:

HTML undervisning:HTML egenskaber

HTML DOM referencerHTML DOM getAttribute() metode

Eksempel

Brug data-* egenskaben til at indlejre brugerdefineret data:

<ul>
  <li data-animal-type="鸟类">喜鹊</li>
  <li data-animal-type="鱼类">金枪鱼</li>
  <li data-animal-type="蜘蛛">Fluefanger</li>
</ul>

Prøv det selv

Syntaks

<element data-*="somevalue">

Egenskabsværdi

Værdi Beskrivelse
somevalue Definer værdien af egenskaben (som streng).

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6