728x90 html data attribute1 [HTML5] Data 속성 (Data Attribute) HTML5 Data-* 속성 Data Attribute HTML5에서 data-* 속성 은근 사용 빈도가 높다. data-* 속성은 거두절미하고 태그에 간략한 데이터를 저장하는 것이다. HTML5 이전에는 Html 문서 내에 데이터를 저장하기위해 태그를 안보이게하고 해당 태그에 밸류값을 넣어놓고 사용하는 등 여러가지 핵스러운 방법이 동원되었는데, data-*속성을 사용하면 간결한 코드에 유지보수가 용이해지고 자바스크립트를 통한 데이터 접근이 간단해진다. 사용 방법은 아래와 같이 간단하다. HTML 태그 내 데이터 속성 사용 Javascript에서 데이터 추출 const element = document.querySelector('...'); const data = element.dataset.데이터속성이.. 2021. 3. 13. 이전 1 다음 728x90
