dataset & data-* attributes

Method of applying and accessing custom data to elements.

Spec	https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes
Status	WHATWG Living Standard

IE	Edge	Firefox	Chrome	Safari	Opera
			98 ⁽¹⁾
		95 ⁽¹⁾	97 ⁽¹⁾
		94 ⁽¹⁾	96 ⁽¹⁾	TP ⁽¹⁾
11	95 ⁽¹⁾	93 ⁽¹⁾	95 ⁽¹⁾	15 ⁽¹⁾	80 ⁽¹⁾
10	94 ⁽¹⁾	92 ⁽¹⁾	94 ⁽¹⁾	14.1 ⁽¹⁾	79 ⁽¹⁾
9	93 ⁽¹⁾	91 ⁽¹⁾	93 ⁽¹⁾	14 ⁽¹⁾	78 ⁽¹⁾
8	92 ⁽¹⁾	90 ⁽¹⁾	92 ⁽¹⁾	13.1 ⁽¹⁾	77 ⁽¹⁾
Show all
7	91 ⁽¹⁾	89 ⁽¹⁾	91 ⁽¹⁾	13 ⁽¹⁾	76 ⁽¹⁾
6	90 ⁽¹⁾	88 ⁽¹⁾	90 ⁽¹⁾	12.1 ⁽¹⁾	75 ⁽¹⁾
5.5	89 ⁽¹⁾	87 ⁽¹⁾	89 ⁽¹⁾	12 ⁽¹⁾	74 ⁽¹⁾
	88 ⁽¹⁾	86 ⁽¹⁾	88 ⁽¹⁾	11.1 ⁽¹⁾	73 ⁽¹⁾
	87 ⁽¹⁾	85 ⁽¹⁾	87 ⁽¹⁾	11 ⁽¹⁾	72 ⁽¹⁾
	86 ⁽¹⁾	84 ⁽¹⁾	86 ⁽¹⁾	10.1 ⁽¹⁾	71 ⁽¹⁾
	85 ⁽¹⁾	83 ⁽¹⁾	85 ⁽¹⁾	10 ⁽¹⁾	70 ⁽¹⁾
	84 ⁽¹⁾	82 ⁽¹⁾	84 ⁽¹⁾	9.1 ⁽¹⁾	69 ⁽¹⁾
	83 ⁽¹⁾	81 ⁽¹⁾	83 ⁽¹⁾	9 ⁽¹⁾	68 ⁽¹⁾
	81 ⁽¹⁾	80 ⁽¹⁾	81 ⁽¹⁾	8 ⁽¹⁾	67 ⁽¹⁾
	80 ⁽¹⁾	79 ⁽¹⁾	80 ⁽¹⁾	7.1 ⁽¹⁾	66 ⁽¹⁾
	79 ⁽¹⁾	78 ⁽¹⁾	79 ⁽¹⁾	7 ⁽¹⁾	65 ⁽¹⁾
	18 ⁽¹⁾	77 ⁽¹⁾	78 ⁽¹⁾	6.1 ⁽¹⁾	64 ⁽¹⁾
	17 ⁽¹⁾	76 ⁽¹⁾	77 ⁽¹⁾	6 ⁽¹⁾	63 ⁽¹⁾
	16	75 ⁽¹⁾	76 ⁽¹⁾	5.1 ⁽¹⁾	62 ⁽¹⁾
	15	74 ⁽¹⁾	75 ⁽¹⁾	5	60 ⁽¹⁾
	14	73 ⁽¹⁾	74 ⁽¹⁾	4	58 ⁽¹⁾
	13	72 ⁽¹⁾	73 ⁽¹⁾	3.2	57 ⁽¹⁾
	12	71 ⁽¹⁾	72 ⁽¹⁾	3.1	56 ⁽¹⁾
		70 ⁽¹⁾	71 ⁽¹⁾		55 ⁽¹⁾
		69 ⁽¹⁾	70 ⁽¹⁾		54 ⁽¹⁾
		68 ⁽¹⁾	69 ⁽¹⁾		53 ⁽¹⁾
		67 ⁽¹⁾	68 ⁽¹⁾		52 ⁽¹⁾
		66 ⁽¹⁾	67 ⁽¹⁾		51 ⁽¹⁾
		65 ⁽¹⁾	66 ⁽¹⁾		50 ⁽¹⁾
		64 ⁽¹⁾	65 ⁽¹⁾		49 ⁽¹⁾
		63 ⁽¹⁾	64 ⁽¹⁾		48 ⁽¹⁾
		62 ⁽¹⁾	63 ⁽¹⁾		47 ⁽¹⁾
		61 ⁽¹⁾	62 ⁽¹⁾		46 ⁽¹⁾
		60 ⁽¹⁾	61 ⁽¹⁾		45 ⁽¹⁾
		59 ⁽¹⁾	60 ⁽¹⁾		44 ⁽¹⁾
		58 ⁽¹⁾	59 ⁽¹⁾		43 ⁽¹⁾
		57 ⁽¹⁾	58 ⁽¹⁾		42 ⁽¹⁾
		56 ⁽¹⁾	57 ⁽¹⁾		41
		55 ⁽¹⁾	56 ⁽¹⁾		40
		54 ⁽¹⁾	55 ⁽¹⁾		39
		53 ⁽¹⁾	54		38
		52 ⁽¹⁾	53		37
		51 ⁽¹⁾	52		36
		50	51		35
		49	50		34
		48	49		33
		47	48		32
		46	47		31 ⁽¹⁾
		45	46		30 ⁽¹⁾
		44	45		29 ⁽¹⁾
		43	44 ⁽¹⁾		28 ⁽¹⁾
		42	43 ⁽¹⁾		27 ⁽¹⁾
		41	42 ⁽¹⁾		26 ⁽¹⁾
		40	41 ⁽¹⁾		25 ⁽¹⁾
		39	40 ⁽¹⁾		24 ⁽¹⁾
		38	39 ⁽¹⁾		23 ⁽¹⁾
		37	38 ⁽¹⁾		22 ⁽¹⁾
		36	37 ⁽¹⁾		21 ⁽¹⁾
		35	36 ⁽¹⁾		20 ⁽¹⁾
		34	35 ⁽¹⁾		19 ⁽¹⁾
		33	34 ⁽¹⁾		18 ⁽¹⁾
		32	33 ⁽¹⁾		17 ⁽¹⁾
		31	32 ⁽¹⁾		16 ⁽¹⁾
		30	31 ⁽¹⁾		15 ⁽¹⁾
		29	30 ⁽¹⁾		12.1
		28	29 ⁽¹⁾		12
		27	28 ⁽¹⁾		11.6
		26	27 ⁽¹⁾		11.5
		25	26 ⁽¹⁾		11.1
		24	25 ⁽¹⁾		11
		23	24 ⁽¹⁾		10.6
		22	23 ⁽¹⁾		10.5
		21	22 ⁽¹⁾		10.0-10.1
		20	21 ⁽¹⁾		9.5-9.6
		19	20 ⁽¹⁾		9
		18	19 ⁽¹⁾
		17	18 ⁽¹⁾
		16	17 ⁽¹⁾
		15	16 ⁽¹⁾
		14	15 ⁽¹⁾
		13	14 ⁽¹⁾
		12	13 ⁽¹⁾
		11	12 ⁽¹⁾
		10	11 ⁽¹⁾
		9	10 ⁽¹⁾
		8	9 ⁽¹⁾
		7	8 ⁽¹⁾
		6	7 ⁽¹⁾
		5	6
		4	5
		3.6	4
		3.5
		3
		2

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
15 ⁽¹⁾	all	94 ⁽¹⁾	10 ⁽¹⁾	64 ⁽¹⁾	94 ⁽¹⁾	92 ⁽¹⁾	11	12.12 ⁽¹⁾	15.0 ⁽¹⁾	10.4	7.12 ⁽¹⁾	2.5
14.5-14.8 ⁽¹⁾		4.4.3-4.4.4 ⁽¹⁾	7 ⁽¹⁾	12.1			10		14.0 ⁽¹⁾
14.0-14.4 ⁽¹⁾		4.4 ⁽¹⁾		12					13.0 ⁽¹⁾
13.4-13.7 ⁽¹⁾		4.2-4.3 ⁽¹⁾		11.5					12.0 ⁽¹⁾
Show all
13.3 ⁽¹⁾		4.1 ⁽¹⁾		11.1					11.1-11.2 ⁽¹⁾
13.2 ⁽¹⁾		4 ⁽¹⁾		11					10.1 ⁽¹⁾
13.0-13.1 ⁽¹⁾		3 ⁽¹⁾		10					9.2 ⁽¹⁾
12.2-12.5 ⁽¹⁾		2.3							8.2 ⁽¹⁾
12.0-12.1 ⁽¹⁾		2.2							7.2-7.4 ⁽¹⁾
11.3-11.4 ⁽¹⁾		2.1							6.2-6.4 ⁽¹⁾
11.0-11.2 ⁽¹⁾									5.0-5.4 ⁽¹⁾
10.3 ⁽¹⁾									4 ⁽¹⁾
10.0-10.2 ⁽¹⁾
9.3 ⁽¹⁾
9.0-9.2 ⁽¹⁾
8.1-8.4 ⁽¹⁾
8 ⁽¹⁾
7.0-7.1 ⁽¹⁾
6.0-6.1 ⁽¹⁾
5.0-5.1 ⁽¹⁾
4.2-4.3
4.0-4.1
3.2

Notes

Partial support refers to being able to use data-* attributes and access them using getAttribute.

"Supported" refers to accessing the values using the dataset property. Current spec only refers to support on HTML elements, only some browsers also have support for SVG/MathML elements.

While the HTML spec doesn't require it, these browsers also support dataset and data-* attributes on SVG elements, in compliance with current plans for SVG2

Bugs

Android 2.3 cannot read data-* properties from select elements.
Safari 10 and below can return undefined on properties of dataset in some cases. (See bug).

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/dataset