처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / HTML / 문제

HTML data-* 사용자 정의 속성(custom data attributes)에 대한 설명으로 올바른 것은?

쉬움 MDN Web Docs
보기 및 정답
A HTML 문법 오류를 반드시 발생시키므로 절대 사용하지 않아야 하며, W3C 표준 유효성 검사에서 에러로 처리되어 페이지가 렌더링되지 않는다
B data-로 시작하는 속성을 사용하여 요소에 사용자 정의 데이터를 저장할 수 있으며, JavaScript에서 dataset으로 접근한다
C 데이터베이스 쿼리를 HTML에 직접 작성하여 서버와 통신할 수 있으며, SQL 문법을 사용하여 데이터를 조회할 수 있다
D data-* 속성은 브라우저에서 완전히 무시되어 아무 역할도 하지 않으며 JavaScript에서도 접근이 불가능하다

해설

data-* 속성은 HTML5 표준으로, 요소에 추가 데이터를 저장할 수 있습니다. 예를 들어 data-user-id="123"으로 설정하면, JavaScript에서 element.dataset.userId로 접근할 수 있습니다. 하이픈은 카멜케이스로 자동 변환됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

HTML <img> 태그의 fetchpriority 속성에서 'high' 값을 설정하면 어떤 효과가 있나요?
HTML
HTML에서 <link rel="preload">와 <link rel="prefetch">의 차이점은?
HTML
HTML <ruby> 태그와 <rt> 태그를 함께 사용하는 용도로 올바른 것은?
HTML
HTML <input type="hidden">의 사용 목적으로 올바른 것은?
HTML
HTML <input type="search">가 일반 text 타입과 다른 점은?
HTML