2장 HTML5 확장

HTML5 요소와 API 활용 범위

HTML5는 시맨틱 구조, 멀티미디어, 향상된 폼, 브라우저 API를 통해 웹 문서의 표현과 기능 범위를 넓혔습니다.

01

Semantic

article, section, figure 같은 태그로 문서 의미를 세밀하게 나눕니다.

02

Media

video와 audio로 플러그인 없이 재생되는 콘텐츠를 배치합니다.

03

Form

email, date, range 같은 입력 타입으로 기본 검증과 UI를 활용합니다.

04

API

Storage, Geolocation, Canvas처럼 브라우저 기능과 연결됩니다.

video

controls, poster, source를 조합해 재생 환경과 대체 경로를 준비합니다.

audio

강의 음성이나 효과음을 구조적으로 포함하고 접근 설명을 함께 둡니다.

input type

데이터 성격에 맞는 타입을 쓰면 모바일 키보드와 검증이 개선됩니다.

Web API

HTML 태그만으로 끝나지 않고 JavaScript와 함께 기능을 확장합니다.

브라우저 기본 기능 우선

브라우저가 제공하는 기본 UI와 검증을 먼저 활용한 뒤 보완합니다.

HTML 실수 방지

멀티미디어에는 대체 텍스트, 자막, 파일 형식 대응을 함께 고려합니다.

HTML5 요소와 API 활용 범위

비디오와 새 입력 타입을 넣은 페이지에서 사용자 환경 차이를 설명합니다.