dataset & data-* attributes

- LS

Method of applying and accessing custom data to elements.

IE

  1. 5.5 - 10
  2. 11

Edge

  1. 12 - 16
  2. 17 - 81
  3. 83

Firefox

  1. 2 - 5
  2. 6 - 50
  3. 51 - 77
  4. 78
  5. 79 - 80

Chrome

  1. 4 - 6
  2. 7 - 44
  3. 45 - 54
  4. 55 - 81
  5. 83
  6. 84 - 86

Safari

  1. 3.1 - 5
  2. 5.1 - 13
  3. 13.1
  4. 14 - TP

Opera

  1. 9 - 11
  2. 11.1 - 12.1
  3. 15 - 31
  4. 32 - 41
  5. 42 - 68
  6. 69

iOS Safari

  1. 3.2 - 4.3
  2. 5 - 13.3
  3. 13.4
  4. 14.0

Opera Mini

  1. all

Android Browser

  1. 2.1 - 2.3
  2. 3 - 4.4.4
  3. 81

Blackberry Browser

  1. 7
  2. 10

Opera Mobile

  1. 10 - 11
  2. 11.1 - 12.1
  3. 46

Chrome for Android

  1. 81

Firefox for Android

  1. 68

IE Mobile

  1. 10
  2. 11

UC Browser for Android

  1. 12.12

Samsung Internet

  1. 4 - 11.2
  2. 12.0

QQ Browser

  1. 10.4

Baidu Browser

  1. 7.12

KaiOS Browser

  1. 2.5

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.

Resources:
Demo using dataset
HTML5 Doctor article
MDN Web Docs - dataset
MDN Guide - Using data-* attributes
has.js test
MS Edge UserVoice #15885483: Support dataset and data attributes on SVG elements
WebPlatform Docs