데이터 속성

- data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData()과 같은 다른 조작을 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다.

- 어느 요소에나 data- 로 시작하는 속성은 무엇이든 사용할 수 있다.

- 화면에 안 보이게 글이나 추가 정보를 요소에 담아 놓을 수 있다.

 

 <article

  id="electriccars"

  data-columns="3"

  data-index-number="12314"

  data-parent="cars">

</article>

 

참고 : https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes