HTML5 요소와 API 활용 범위
HTML5는 시맨틱 구조, 멀티미디어, 향상된 폼, 브라우저 API를 통해 웹 문서의 표현과 기능 범위를 넓혔다.
| 기능 범위 | 사용할 때 | 확인할 것 | 실수 신호 |
|---|---|---|---|
| Video | 강의, 데모, 홍보 영상 재생 | controls, poster, source, track | 자막과 대체 텍스트 없음 |
| Audio | 음성 콘텐츠와 효과음 | controls, transcript | 자동 재생으로 사용자 방해 |
| Input type | email, date, number, range | 모바일 키보드와 기본 검증 | 모두 text로 처리 |
| Storage | 임시 설정과 클라이언트 상태 보관 | 저장 기간과 민감 정보 | 토큰·개인정보를 무분별 저장 |
| Graphics/API | Canvas, SVG, Geolocation | 권한 요청과 대체 경로 | 지원 여부 확인 없음 |
HTML5 기능을 쓸 때는 새로움보다 브라우저 기본 기능, 접근성, 대체 경로를 함께 봐야 한다.