시멘틱 태그는 검색 엔진을 조금 더 효율적으로 가능하게 하는 의미있는 태그를 의미한다. 또한 제 3자가 유지보수하는 데 편리하고 시각 장애가 있는 사람들에게 스크린 리더로 낭독시 페이지 탐색에 더 효과적이다.
상단에 해당하는 부분은 header
사이트의 메뉴들을 담아 네비게이션 역할을 하는 부분을 nav
본문의 컨텐츠 내용을 담는 부분을 main(반드시 하나만 존재)
독립적으로 구분되거나 재사용 가능한 영역을 article(매거진, 뉴스 기사, 블로그 등에 사용)
사이드 한 쪽 측면에서 광고 등의 내용을 담는 부분을 aside
메인 태그 안에서 세부적인 영역을 나눌 때는 section
독립적인 컨텐츠 표현을 할 때 문서와 연관성을 가지지만 주요 흐름과 별개인 것을 표현 할 때 figure
사이트 하단에 법적 사항, 주소, 전화번호를 포함한 부분을 footer
Hello World!