HTML5는 기존의 HTML 4.01, XHTML 1.0, XHTML 1.1을 대체하는 차세대 HTML 표준으로, 월드 와이드 웹(WWW)에서 콘텐츠를 구조화하고 표현하기 위한 공식 규격입니다.
HTML5는 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)가 협력하여 함께 개발한 표준입니다.
HTML5에서 새롭게 도입된 태그
HTML5는 문서의 구조를 더 명확하게 표현하는 시맨틱(semantics) 태그와, 플러그인 없이 멀티미디어를 처리할 수 있는 태그들을 새롭게 도입하여 개발자의 작업을 한층 편리하게 만들었습니다. 주요 태그는 아래와 같습니다.
| 태그 (요소) | 설명 |
|---|---|
| <article> | 블로그 게시물이나 신문 기사처럼 문서 안에서 독립적으로 구분되는 콘텐츠를 나타냅니다. |
| <aside> | 본문 내용과 약간만 연관된 사이드 콘텐츠(광고, 참고 자료 등)를 나타냅니다. |
| <audio> | 음악이나 음성 등 오디오 파일을 재생할 수 있도록 정의합니다. |
| <canvas> | 그래프나 게임처럼 동적인 비트맵 그래픽을 실시간으로 렌더링하는 데 사용됩니다. |
| <command> | 사용자가 호출할 수 있는 명령(command)을 나타냅니다. |
| <datalist> | input 요소의 새로운 list 속성과 함께 사용하여 콤보박스(combobox)를 만들 수 있습니다. |
| <details> | 사용자가 필요할 때 열어서 확인할 수 있는 추가 정보나 컨트롤을 나타냅니다. |
| <embed> | 외부 대화형 콘텐츠나 플러그인을 정의합니다. |
| <figure> | 이미지나 다이어그램처럼 문서의 주요 흐름에서 하나의 단위로 참조되는 독립적인 콘텐츠를 나타냅니다. |
| <footer> | 섹션의 푸터를 나타내며, 저자 정보, 저작권 정보 등을 포함할 수 있습니다. |
| <header> | 소개 내용이나 내비게이션 보조 요소들의 그룹을 나타냅니다. |
| <hgroup> | 섹션의 헤더를 나타냅니다. |
| <keygen> | 키 쌍(key pair) 생성을 위한 컨트롤을 나타냅니다. |
| <mark> | 다른 맥락에서의 관련성 때문에 참조 목적으로 표시하거나 강조한 텍스트를 나타냅니다. |
| <meter> | 디스크 사용량처럼 특정 범위 안의 측정값을 나타냅니다. |
| <nav> | 문서에서 메뉴 등 내비게이션(탐색)을 위한 섹션을 나타냅니다. |
| <output> | 스크립트를 통해 계산된 결과 값 같은 출력을 나타냅니다. |
| <progress> | 다운로드 중이거나 오래 걸리는 작업 수행 시의 진행 상태를 나타냅니다. |
| <ruby> | <rt> 및 <rp>와 함께 사용하여 루비(ruby) 주석, 즉 동아시아 문자의 발음 표기를 마크업할 수 있습니다. |
| <section> | 일반적인 문서 또는 애플리케이션의 섹션을 나타냅니다. |
| <time> | 날짜 및/또는 시간을 나타냅니다. |
| <video> | 비디오 파일을 재생할 수 있도록 정의합니다. |
| <wbr> | 줄바꿈이 가능한 지점(line break opportunity)을 나타냅니다. |
참고 사항
위 표의 태그 중 <command>, <keygen> 등 일부 요소는 이후 표준 개정 과정에서 폐기(deprecated)되었으므로, 실제 프로젝트에서는 최신 HTML Living Standard 문서를 함께 확인하는 것이 좋습니다. 반면 <article>, <section>, <nav>, <header>, <footer> 같은 시맨틱 태그와 <audio>, <video>, <canvas> 같은 멀티미디어 태그는 현대 웹 개발에서 매우 널리 사용되고 있습니다.
전체 HTML 태그 목록은 공식 HTML 태그 레퍼런스를 참고하시기 바랍니다.