dataset & data-* attributes

- LS

Method of applying and accessing custom data to elements.

IE

  1. 5.5 - 10: Partial support
  2. 11: Supported

Edge

  1. 12 - 16: Supported
  2. 17 - 79: Supported
  3. 80: Supported

Firefox

  1. 2 - 5: Partial support
  2. 6 - 50: Supported
  3. 51 - 71: Supported
  4. 72: Supported
  5. 73 - 74: Supported

Chrome

  1. 4 - 6: Partial support
  2. 7 - 44: Supported
  3. 45 - 54: Supported
  4. 55 - 79: Supported
  5. 80: Supported
  6. 81 - 83: Supported

Safari

  1. 3.1 - 5: Partial support
  2. 5.1 - 12.1: Supported
  3. 13: Supported
  4. TP: Supported

Opera

  1. 9 - 11: Partial support
  2. 11.1 - 12.1: Supported
  3. 15 - 31: Supported
  4. 32 - 41: Supported
  5. 42 - 65: Supported
  6. 66: Supported

iOS Safari

  1. 3.2 - 4.3: Partial support
  2. 5 - 13.1: Supported
  3. 13.2: Supported
  4. 13.3: Supported

Opera Mini

  1. all: Partial support

Android Browser

  1. 2.1 - 2.3: Partial support
  2. 3 - 4.4.4: Supported
  3. 76: Supported

Blackberry Browser

  1. 7: Supported
  2. 10: Supported

Opera Mobile

  1. 10 - 11: Partial support
  2. 11.1 - 12.1: Supported
  3. 46: Supported

Chrome for Android

  1. 79: Supported

Firefox for Android

  1. 68: Supported

IE Mobile

  1. 10: Partial support
  2. 11: Supported

UC Browser for Android

  1. 12.12: Supported

Samsung Internet

  1. 4 - 9.2: Supported
  2. 10.1: Supported

QQ Browser

  1. 1.2: Supported

Baidu Browser

  1. 7.12: Supported

KaiOS Browser

  1. 2.5: Supported

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