HTML5 기능 구성도

요소, 속성, API를 요구에 맞춰 고르기

HTML5는 문서 의미, 미디어, 폼 검증, 브라우저 기능 접근을 한 플랫폼 안에서 연결합니다.

Semantic 문서 구조 header, main, time, figure로 콘텐츠의 의미를 남깁니다.

Media 브라우저 재생 video와 audio는 플러그인 없이 controls와 source만으로 재생 UI와 파일 후보를 연결합니다.

Form 입력 의미 email, date, range 타입이 모바일 키보드와 기본 검사를 돕습니다.

Web API 앱 기능 Storage, Canvas, Worker, Fetch가 자바스크립트와 결합됩니다.

1 태그가 의미를 표현하는지 확인

2 속성으로 기본 동작을 강화

3 필요할 때 Web API를 연결