Inflearn Community Q&A
asked
표준 커스텀 속성 질문있어요~
Written on
·
337
0
27초쯤에 data- 로 시작하는 표준 커스텀 속성이라고 하셨는데요, 표준 커스텀 속성이란게 어떤 의미인지 잘 모르겠어요.. 사용자가 직접 만든 속성이란건가요??
인터랙티브-웹HTML/CSSjavascript
Answer 3
0
0
0
studiomeal
Instructor
아 네~ HTML5에서 추가된 표준 커스텀 속성이에요.
"data-"의 형태로 만들면 되고요, data- 뒤에는 원하는대로 넣으시면 됩니다.
예를들면
data-id, data-number 이런 형태로요.
작동은 하는데요, 비표준 속성이라 HTML Validator로 체크해보면 오류로 뜬답니다.
그리고 data- 형태의 속성은, 오브젝트의 dataset 객체로 정의되기 때문에 더 사용이 편리한 점도 있고요!
<div data-id="aaa" class="a"></div>
의 data-id 속성은
document.querySelector('.a').dataset.id로 접근할 수 있답니다.