DOM에 데이터를 저장할 수 있는 사용자 정의 속성으로써 data- 다음 오는 값이 데이터가 됩니다. 이 속성은 사용하고자 하는 용도에 적합한 속성이나 요소가 없을 때 사용하며 해당 웹 페이지가 독자적으로 사용하는 값 입니다. 즉, 웹 페이지와 소프트웨어가 이 속성을 사용해서는 안 됩니다.
예를 들어서, 음악 사이트에서 앨범 트랙의 음악을 리스트 형식으로 나타내는데 그걸 시간 순으로서 정렬하기 위해서 data- 속성으로 음악 시간을 삽입한다고 예를 들면
<ol>
<li data-length="2m11s">빨간맛</li>
...
</ol>만약 이 음악 사이트와 전혀 상관이 없는 외부에서 음악 시간을 알아내기 위해 사용한다면 목적에 부합하지 않지 않습니다. 따라서 data- 속성은 해당 사이트만의 자체 스크립트를 위한 속성이라고 할 수 있습니다.
참고
🧑🏻💻 다양한 소프트웨어를 개발하고 있습니다