[HTML] 데이터 속성 (data attribute)

데이터 속성 (data attribute) HTML5가 도입되면서 HTML 태그 내에 데이터를 저장하거나 CSS, JavaScript로 값을 간단하게 가져올 수 있게 되었다. HTML 문법 앞에 data-만 붙인다면 어떠한 키워드든 올 수 있다. data-key, data-color, data-id... CSS에서 접근 article[data-color="blue"] { color: blue; width: 50%; } JavaScript에서 접근 let article = document.getElementById('electriccars'); article.dataset.color // "blue" article.dataset.indexNumber // "12314" article.dataset.pare..