data

[HTML5] HTML태그에 나만의 커스텀 속성 추가하기

HTML 태그는 태그의 선언과 속성들로 구성된다. 이때 태그의 속성(attribute)이라는 것은 현대 태그에 추가적인 정보를 제공하는 일종의 메타데이터(Metadata)이다. ​ 이전의 HTML은 태그에 정해진 속성 외에 다른 속성을 지정하는 것은 HTML의 표준을 위반하는 것이었으나, HTML5에서는 특정 요소와 연관되어 있지만 데이터에 대한 확장 가능성을 염두해 두고 data-* 속성을 이용해서 다른 조작을 하지 않고도 의미론적 표준 HTML요소에 추가 정보를 저장할 수 있게 하였다. 자바스크립트 또한 표준화된 DOM 메서드로 데이터셋 속성에 접근할 수 있다. ​ "data-" 속성은 HTML 5 에서부터 사용되기 시작한 속성이지만, 대부분의 웹브라우저에서 사용할 수 있다. HTML5 커스텀 데이터..