[HTML5] Semantic Layout

- HTML5은 Client Side Technology기술의 중심이 되는 언어로서, html만으로도 클라이언트와 서버와의 통신이 가능하게 됨

- 시맨틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그이다. 검색 엔진등에서 해석하기에 용이함.

- HTML5에서 제공하는 주요 시맨틱 태그는 다음과 같다.

 

<header> 머리말, 상단

<nav> 문서간 탐색 링크의 집합

<section> 주제별 콘텐츠 영역, 주로 제목 그룹핑

<article> 콘텐츠 실제 내용

<aside> 사이드바 영역

<footer> 제작자 정보, 하단