BODY

HTML5로 넘어오면서 가장 큰 변화는 시멘틱 태그라 할 수 있다.
시멘틱 태그란 태그 안에 ID나 Class를 넣어 구분 짓는게 아니라 태그 이름을 고유명사처럼 특정한 태그에 의미를 부여한 것이며 구분하기 쉽게하며 가독성이 높아진다.

그럼 HTML5의 시멘틱 태그 구조를 먼저 다뤄보자

header & nav

홈페이지 로고나 아이콘, 네비게이션 링크의 집합 등과 같은 정보를 포함하게 된다.

main

여러개의 section안에 여러 개의 article이 들어가 내용을 이룬다.

노란색 원이 section 빨간색 체크 표시가 그 부분의 첫 번째 article로 나눌 수 있다.

aside

많은 곳에서 생략하는 경우도 있지만 목차, 쇼핑몰에서는 최근 본 목록 등을 나타낸다.

footer

저자(author) 정보, 저작권 정보, 연락처, 사이트맵(sitemap), 연관 페이지 등을 나타낸다.