레이아웃 (8) 시멘틱 태그와 종류

(1) 시멘틱 요소(SEMENTIC)

공간 분할에 사용하는 <div>요소는 공간을 분할하는 것 외에는 아무런 의미가 없었다.

그래서 HTML5에서는 의미를 전달하는 새로운 요소를 만들어 사용하기 시작했고,

이를 시멘틱(의미론적) 요소라고 한다. 

(2) 시멘틱 요소의 종류와 이해

 

 

요소명	설명
header	사이트 소개, 정보, 메뉴, 로고 등을 포함하는 공간. 하나의 문서에 여러개의 헤더를 만들 수 있다.
nav	웹 사이트의 탐색 링크의 집합 공간
main	웹 문서 전체의 주요 컨텐츠가 위치하는 공간요소. 문서에서 단 한개만 사용이 가능하다.
aside	주요 컨텐츠 '외'의 내용을 정의하는 공간.
section	한 주제에 대한 '영역'을 지정하는 공간요소. 반드시 제목 요소가 포함되어야 한다. section 과 article은 서로 부모자식이 될 수 있다.
article	배포가 가능한 '독립적인 컨텐츠'을 작성하는 공간요소. 반드시 제목 요소가 포함되어야 한다. section 과 article은 서로 부모자식이 될 수 있다.
footer	문서 바닥 글 공간. 작성자 정보, 저작권, 이용약관, 연락처 정보 등을 포괄한다.
adress	footer의 하위에서 주소 정보를 작성하는 공간.