HTML data-* అమర్తకం

నిర్వచనం మరియు ఉపయోగం

data-* అమర్తకం పేజీ లేదా అప్లికేషన్ యొక్క ప్రైవేట్ స్వంత డేటా నిర్వహించడానికి ఉపయోగించబడుతుంది.

data-* అమర్తకం మాకు అన్ని HTML ఎలమెంట్స్ పైన స్వంత data అమర్తకాలను ప్రాచుర్యం చేయడం సాధ్యం చేస్తుంది.

నిర్వచించిన (స్వంత) డేటా పేజీలోని JavaScript లో ఉపయోగించబడవచ్చు, మరియు మంచి యూజర్ ఎక్స్పీరియన్స్ సృష్టించడానికి ఉపయోగించబడవచ్చు (అజాక్స్ కాల్స్ లేదా సర్వర్ సైడ్ డేటాబేస్ క్వరీలు లేవు).

data-* అమర్తకం రెండు భాగాలు కలిగి ఉంటుంది:

  • అమర్తకం పేరు ఏ పెద్ద అక్షరాలను కలిగి ఉండకూడదు మరియు "data-" పూర్వపు తర్వాత కనీసం ఒక అక్షరం ఉండాలి
  • అమర్తకం విలువ ఏ రకమైన స్ట్రింగ్ కావచ్చు

మీరు గమనించండి: ఉపయోగదారి సమాచారం "data-" పూర్వపుని స్వంత అమర్తకం ప్రత్యక్షంగా తిరస్కరిస్తుంది.

మరింత చూడండి:

HTML పాఠ్యం:HTML అట్రిబ్యూట్

HTML DOM సంకేతపత్రం పాఠ్యం:HTML DOM getAttribute() మాధ్యమం

ఉదాహరణ

డాటా-* అట్రిబ్యూట్ ద్వారా స్వంత డాటా ప్రవేశపెట్టండి:

<ul>
  <li data-animal-type="పక్షులు">పక్షి</li>
  <li data-animal-type="జలజీవులు">గోముచుకుడు</li>
  <li data-animal-type="జీవాణువులు">మేక్కుపు</li>
</ul>

స్వయంగా ప్రయత్నించండి

సింథాక్సిస్

<element data-*="somevalue">

అట్రిబ్యూట్ విలువ

విలువ వివరణ
somevalue అట్రిబ్యూట్ యొక్క విలువను (స్ట్రింగ్ గా).

బ్రౌజర్ మద్దతు

ఈ పట్టికలో అటువంటి అట్రిబ్యూట్ యొక్క ప్రథమ పూర్తిగా మద్దతు ఇవ్వబడిన బ్రౌజర్ వెర్షన్ నంబర్లు పేర్కొనబడినవి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
4.0 5.5 2.0 3.1 9.6