[html5] 문서구조

[html5] 문서구조

html5는 레이아웃을 구성 할 때 태그만으로 문서의 구조를 파악 할 수 있도록 의미를 가지는 새로운 태그를 도입하였습니다. 

header	사이트에 대한 소개 정보, 메인 메뉴, 로고 등
nav	메뉴, 링크와 같은 네비게이션 요소
section	실제 문서의 내용이 들어감
article	문서 내용이 많을 경우 여러개의 <article>로 나뉨
aside	문서 주요 내용 외의 내용을 주변에 배치 할 때 사용
footer	저작권 정보, 문서 링크 등의 부가 정보
hgroup	<h1>이나 <h2> 등의 헤더 부분
figure	동영상이나 음악 등에 관한 설명
canvas	화면 렌더링
audio	음악 파일 재생
video	동영상 재생

html4와 html5를 비교해 보면 html4에 id로 나타내던 태그의 의미를 html5에서는 의미 자체를 태그에서 사용했다는 것을 알 수 있습니다.

html4.html

[html5] 문서구조