[HTML] data 속성 (data-*)

모든 element에 data-*로 시작하는 속성은 모두 사용할 수 있다.

화면에 보이지 않는 추가 정보를 element에 담아 놓고 사용할 수 있다.

javascript와 css에서 활용할 수 있다.

 

Explorer11+는 표준을 지원하지만, 이전 버전들은 dataset을 지원하지 않는다.

IE10 이하를 지원하기 위해서는 getAttribute()를 통해 데이터 속성에 접근해야 한다.

 

Reference

https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

데이터 속성 사용하기