1. 시맨틱 웹을 위한 구획/구분 요소 (논리적인 구획 구분을 위함)
ㅇ 웹페이지 레이아웃에 의미적인(Semantic) 마크업을 적용하려는 섹셔닝(Sectioning) 요소들
- 웹페이지 전체 또는 일정 영역을 논리적인 구획으로 분할할 때 유용한 요소들
2. 시맨틱 요소 종류
ㅇ 종류 : header, nav, section, article, aside, footer
ㅇ 개략적인 구획 例)
ㅇ header 요소
- 문서의 머리글
. 통상 웹페이지 상단에, 로고 이미지,사이트 제목,네비게이션 등을 위치시킬 때 사용
ㅇ nav 요소
- 해당 사이트의 주 네비게이션용 링크를 제공할 때 사용
ㅇ section 요소
- 주제별로 그룹화(섹션화)시키거나, 장이나 절로써 구분시키는 글
- 통상, 각 섹션은 머리글과 콘텐츠들로 구성됨
ㅇ article 요소
- 독립된 단편 글 또는 재사용 가능한 글
. 例) 잡지/신문 등의 기사, 블로그의 포스트, 주석 등
ㅇ aside 요소
- 본문 내용 중에 추가 설명 또는 분리된 컨텐츠 표현이 필요할 때,
- 통상, 주변 콘텐트와 크게 관계가 없는 내용을 사이드바 영역으로 표시하는데 유용
ㅇ footer 요소
- 문서의 바닥글