15 HTML5 퀴즈 질문 및 답변

1. 질문: HTML5의 DOCTYPE 선언은 무엇인가요?
A. {!DOCTYPE HTML5}
B. {!DOCTYPE html}
C. {html5}
D. {!DOCTYPE HTML}
정답: B
설명: HTML5에서는 {!DOCTYPE html}을 사용하며, 이는 문서의 유형을 선언하여 브라우저가 올바르게 해석하도록 합니다.

2. 질문: HTML5에서 새로운 섹션 요소 중 하나가 아닌 것은?
A. {header}
B. {section}
C. {footer}
D. {table}
정답: D
설명: {table}은 HTML4부터 존재하는 요소로, HTML5의 새로운 섹션 요소가 아닙니다. 새로운 요소로는 {header}, {section}, {footer} 등이 있습니다.

3. 질문: HTML5에서 폼 입력 유형으로 이메일 주소를 검증하는 속성은?
A. type=”email”
B. type=”text”
C. type=”url”
D. type=”password”
정답: A
설명: type=”email” 속성을 사용하면 입력 필드가 이메일 형식을 자동으로 검증합니다.

4. 질문: HTML5의 {canvas} 요소는 무엇을 위해 사용되나요?
A. 그래픽스와 애니메이션을 그리기
B. 텍스트를 표시하기
C. 비디오를 재생하기
D. 링크를 생성하기
정답: A
설명: {canvas} 요소는 JavaScript를 통해 동적 그래픽스, 도형, 이미지 등을 그리기 위해 설계되었습니다.

5. 질문: HTML5에서 로컬 저장소를 위한 API는?
A. localStorage
B. sessionStorage
C. 둘 다
D. cookie
정답: C
설명: HTML5는 localStorage와 sessionStorage를 제공하여 브라우저에 데이터를 저장할 수 있습니다. cookie는 이전 기술입니다.

6. 질문: HTML5의 {video} 요소에서 지원되는 속성 중 하나가 아닌 것은?
A. src
B. controls
C. autoplay
D. style
정답: D
설명: {video} 요소에서 src, controls, autoplay는 표준 속성입니다. style은 일반 CSS 속성으로, 비디오 요소에 직접 적용되지 않습니다.

7. 질문: HTML5의 지리 위치 API를 사용하기 위한 메서드는?
A. navigator.geolocation.getCurrentPosition()
B. window.location.getPosition()
C. document.geolocation()
D. browser.getLocation()
정답: A
설명: navigator.geolocation.getCurrentPosition() 메서드를 사용하여 사용자의 현재 위치를 가져올 수 있습니다.

8. 질문: HTML5에서 드래그 앤 드롭을 활성화하는 속성은?
A. draggable=”true”
B. drag=”yes”
C. drop=”true”
D. movable=”true”
정답: A
설명: 요소에 draggable=”true” 속성을 추가하면 드래그 앤 드롭 기능을 사용할 수 있습니다.

9. 질문: HTML5의 {article} 요소는 무엇을 나타내나요?
A. 독립적인 콘텐츠
B. 헤더 부분
C. 푸터 부분
D. 내비게이션 메뉴
정답: A
설명: {article} 요소는 블로그 포스트, 뉴스 기사 등 독립적으로 사용 가능한 콘텐츠를 나타내는 데 적합합니다.

10. 질문: HTML5에서 SVG를 사용하는 이유는?
A. 벡터 그래픽스를 지원하기
B. 비디오를 삽입하기
C. 오디오를 재생하기
D. 테이블을 만들기
정답: A
설명: SVG(Scalable Vector Graphics)는 확대/축소가 가능한 벡터 기반 그래픽스를 HTML5에서 지원합니다.

11. 질문: HTML5의 {main} 요소는 페이지의 어떤 부분을 정의하나요?
A. 주요 콘텐츠 영역
B. 헤더 영역
C. 사이드바
D. 푸터 영역
정답: A
설명: {main} 요소는 문서의 주요 콘텐츠를 감싸는 데 사용되며, 보조 콘텐츠와 구분됩니다.

12. 질문: HTML5에서 폼 유효성 검사를 위한 속성은?
A. required
B. check
C. validate
D. formcheck
정답: A
설명: required 속성을 입력 필드에 추가하면 필수 입력 항목으로 설정되며, 유효성 검사를 수행합니다.

13. 질문: HTML5의 Web Workers는 무엇을 제공하나요?
A. 백그라운드 스크립트 실행
B. UI 요소 생성
C. 서버 통신
D. CSS 스타일링
정답: A
설명: Web Workers는 메인 스레드와 별도로 백그라운드에서 JavaScript를 실행하여 페이지 성능을 향상시킵니다.

14. 질문: HTML5의 {figure} 요소는 주로 무엇과 함께 사용되나요?
A. 이미지와 캡션
B. 비디오와 제목
C. 테이블과 설명
D. 링크와 텍스트
정답: A
설명: {figure} 요소는 이미지, 다이어그램 등과 함께 {figcaption}으로 캡션을 추가하는 데 사용됩니다.

15. 질문: HTML5에서 세미콜론(;)을 사용하는 곳은?
A. JavaScript 코드 내
B. HTML 속성에서
C. CSS 규칙에서
D. HTML 태그 내에서 필수
정답: A
설명: 세미콜론(;)은 JavaScript 문장 끝에 사용되며, HTML이나 CSS에서 직접 사용되지 않습니다. HTML5는 자체적으로 세미콜론을 요구하지 않습니다.