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
		57 ⁽¹⁾	62 ⁽¹⁾
		56 ⁽¹⁾	61 ⁽¹⁾	TP ⁽¹⁾	48 ⁽¹⁾
	16	55 ⁽¹⁾	60 ⁽¹⁾	11 ⁽¹⁾	47 ⁽¹⁾
11	15	54 ⁽¹⁾	59 ⁽¹⁾	10.1 ⁽¹⁾	46 ⁽¹⁾
10	14	53 ⁽¹⁾	58 ⁽¹⁾	10 ⁽¹⁾	45 ⁽¹⁾
9	13	52 ⁽¹⁾	57 ⁽¹⁾	9.1 ⁽¹⁾	44 ⁽¹⁾
8	12	51 ⁽¹⁾	56 ⁽¹⁾	9 ⁽¹⁾	43 ⁽¹⁾
Show all
7		50	55 ⁽¹⁾	8 ⁽¹⁾	42 ⁽¹⁾
6		49	54	7.1 ⁽¹⁾	41
5.5		48	53	7 ⁽¹⁾	40
		47	52	6.1 ⁽¹⁾	39
		46	51	6 ⁽¹⁾	38
		45	50	5.1 ⁽¹⁾	37
		44	49	5	36
		43	48	4	35
		42	47	3.2	34
		41	46	3.1	33
		40	45		32
		39	44 ⁽¹⁾		31 ⁽¹⁾
		38	43 ⁽¹⁾		30 ⁽¹⁾
		37	42 ⁽¹⁾		29 ⁽¹⁾
		36	41 ⁽¹⁾		28 ⁽¹⁾
		35	40 ⁽¹⁾		27 ⁽¹⁾
		34	39 ⁽¹⁾		26 ⁽¹⁾
		33	38 ⁽¹⁾		25 ⁽¹⁾
		32	37 ⁽¹⁾		24 ⁽¹⁾
		31	36 ⁽¹⁾		23 ⁽¹⁾
		30	35 ⁽¹⁾		22 ⁽¹⁾
		29	34 ⁽¹⁾		21 ⁽¹⁾
		28	33 ⁽¹⁾		20 ⁽¹⁾
		27	32 ⁽¹⁾		19 ⁽¹⁾
		26	31 ⁽¹⁾		18 ⁽¹⁾
		25	30 ⁽¹⁾		17 ⁽¹⁾
		24	29 ⁽¹⁾		16 ⁽¹⁾
		23	28 ⁽¹⁾		15 ⁽¹⁾
		22	27 ⁽¹⁾		12.1
		21	26 ⁽¹⁾		12
		20	25 ⁽¹⁾		11.6
		19	24 ⁽¹⁾		11.5
		18	23 ⁽¹⁾		11.1
		17	22 ⁽¹⁾		11
		16	21 ⁽¹⁾		10.6
		15	20 ⁽¹⁾		10.5
		14	19 ⁽¹⁾		10.0-10.1
		13	18 ⁽¹⁾		9.5-9.6
		12	17 ⁽¹⁾		9
		11	16 ⁽¹⁾
		10	15 ⁽¹⁾
		9	14 ⁽¹⁾
		8	13 ⁽¹⁾
		7	12 ⁽¹⁾
		6	11 ⁽¹⁾
		5	10 ⁽¹⁾
		4	9 ⁽¹⁾
		3.6	8 ⁽¹⁾
		3.5	7 ⁽¹⁾
		3	6
		2	5
			4

iOS Safari	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser
11 ⁽¹⁾
10.3 ⁽¹⁾	all	56 ⁽¹⁾	10 ⁽¹⁾	37 ⁽¹⁾	59 ⁽¹⁾	54 ⁽¹⁾	11	11.4 ⁽¹⁾	5 ⁽¹⁾	1.2	7.12 ⁽¹⁾
10.0-10.2 ⁽¹⁾		4.4.3-4.4.4 ⁽¹⁾	7 ⁽¹⁾	12.1			10		4 ⁽¹⁾
9.3 ⁽¹⁾		4.4 ⁽¹⁾		12
9.0-9.2 ⁽¹⁾		4.2-4.3 ⁽¹⁾		11.5
Show all
8.1-8.4 ⁽¹⁾		4.1 ⁽¹⁾		11.1
8 ⁽¹⁾		4 ⁽¹⁾		11
7.0-7.1 ⁽¹⁾		3 ⁽¹⁾		10
6.0-6.1 ⁽¹⁾		2.3
5.0-5.1 ⁽¹⁾		2.2
4.2-4.3		2.1
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.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=dataset