🔎data- 속성이란?
HTML5부터는 데이터 속성이라는 개념이 생겼습니다. 데이터 속성은 HTML 요소의 'data-' 로 시작하는 속성입니다. 이러한 데이터 속성은 특정한 데이터를 DOM 요소에 저장해두기 위함이 목적입니다.
데이터 속성은 'data-' 로 시작해야 하며, 브라우저는 이러한 데이터 속성에는 어떠한 행동도 관여하지 않기 때문에 개발자는 요소에 특정한 데이터를 저장하고 싶은 경우 자유롭게 사용할 수 있습니다.
data-*속성을 사용하면 코드가 간결해지며 유지보수가 용이해지고 자바스크립트를 통한 데이터 접근이 간단해집니다.
data-예시<span class="menu" data-price="20000">food</span>
🗒️참고자료
^_^