시멘틱 태그란?
- 의미를 가지는 태그.
브라우저나 개발자가 태그의 사용 의미를 잘 인지할 수 있도록 하는 것이 중요
Header
- 소개 및 탐색에 도움을 주는 콘텐츠를 나타냄.
(제목, 로고, 검색 폼, 메인메뉴, 작성자 이름 등 )
nav
- 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획
(메뉴, 목차, 색인 등)
main content
- 문서 바디태그의 주요 콘텐츠로 핵심 주제를 나타냄
** section; 일반 구회 요소. 여기서 요소의 콘텐츠를 따로 구분해야 할 필요가 있을 시에 article 요소 사용
** article; 문서, 페이지, 앱 또는 사이트 안에서 독립적으로 구분해 배포하거나
재사용 할 수 있는 구획 (게시판, 블로그 글, 매거진, 뉴스 기사 등)
** div : 의미 없는 태그 non-semantic
sidebar
- aside; 문서의 주요 내용과 간접적으로만 연관된 부분
- main; 종종 안에 배치
footer 요소
보통 문서의 바닥글
(저작권정보, 연락정보, 사이트맵 등 )
