HTML5 설명

정의와 핵심 키워드

HTML5는 웹 문서의 구조와 표현, 스크립팅 API를 정의한 마크업 언어 표준이다.

핵심은 시맨틱 태그, 미디어 요소, 웹 스토리지 세 가지로 나눠 볼 수 있다.

현재 명세는 WHATWG가 관리하는 HTML Living Standard다.

HTML5는 특정 버전이 아닌 기술 묶음 명칭으로 이해한다.

등장 배경과 쿠키 비교

웹에서 플러그인 없이 동영상과 음성을 재생해야 하는 요구가 커졌다.

웹 앱이 복잡해지면서 대용량 데이터 저장과 오프라인 동작도 필요해졌다.

쿠키는 매 HTTP 요청에 실려 가서 성능에 부담이 되고 용량도 작다.

웹 스토리지는 요청에 실리지 않고, 쿠키보다 큰 데이터를 저장한다.

표준 체계의 분할과 일원화

표준은 두 갈래로 갈라졌다가 하나로 모였다.

2012년 7월 이후 W3C는 스냅샷형 HTML5를, WHATWG는 Living Standard를 냈다.

2019년 5월 28일 W3C가 HTML과 DOM의 표준 권한을 WHATWG에 넘겼다.

이후 HTML Living Standard가 권위 있는 표준이다.

그래픽 요소 비교

그래픽 요소에는 픽셀 기반 canvas와 벡터 기반 svg가 있다.

svg는 도형을 객체로 보관해 확대해도 해상도 손실이 없다.

canvas는 픽셀 단위로 그린 뒤 잊으므로 대량 픽셀 연산에 맞는다.

벡터 객체가 필요하면 SVG, 픽셀 연산 성능이 필요하면 Canvas를 고른다.

헷갈리는 점과 직접 풀기

HTML5를 버전 번호로만 설명하면 틀린다. 마크업, 스크립팅 API, 시맨틱 태그를 묶어 써야 한다.

웹 스토리지를 쿠키와 같은 것으로 쓰면 안 된다. 요청에 실리지 않는 점이 차이다.

애니메이션은 HTML5 자체 기능이 아니다. JavaScript나 CSS3가 필요하다.

기출은 정의와 특징(1교시), 기능 설명(2~4교시) 형태로 나왔다.

정리와 정답

앞 문제의 답은 '전송되지 않는다'다.

HTML5는 마크업, 스크립팅 API, 시맨틱 요소를 묶은 기술 집합이다.

현행 표준은 WHATWG가 관리하는 HTML Living Standard다.

웹 스토리지, Canvas와 SVG, 표준 주체를 함께 기억하자.