웹의 핵심 언어인 HTML은 꾸준히 발전해왔으며,
특히 HTML5는 이전 버전에서 부족했던 기능들을 보완하고 현대적인 웹 개발의 기준을 제시했습니다.
이번 글에서는 HTML5에서 새롭게 도입된 주요 기능과 실전 활용법을 체계적으로 정리해 드립니다.
HTML5란 무엇인가요?
HTML5는 2014년에 W3C에서 공식 권고된 HTML의 최신 표준입니다.
기존 버전과 비교해보면 다음과 같은 차별점이 있습니다:
| 항목 | HTML4 | HTML5 |
|——|——-|——–|
| 구조 | table 기반 레이아웃 | 시맨틱 태그 중심 |
| 멀티미디어 | 외부 플러그인 의존 |
| API 기능 | 없음 | Canvas, Geolocation, Web Storage 등 풍부한 API 제공 |
1. 시맨틱 태그(Semantic Tags)
웹 문서를 더 의미 있게 만드는 요소입니다.
| 태그 | 의미 |
|——|——|
|
| 상단 영역 (제목, 내비게이션 등) ||