HTML5 구조 태그

 

SECTION

<section> 요소는 연관된 내용을 하나의 영역으로 만드는 태그

 

NAV

<nav> 매뉴 구성

 

ASIDE

<aside>는 주된 본문 콘텐츠 흐름과 관련없는 인접한 콘텐츠에 사용

 

ARTICLE

<article>은 독립적으로 구성할 수 있는 컴포넌트로 별도로 배포하거나 재사용하기 위한 구조

article은 완전히 떼어내 다른 사이트에 붙여도 그 의미를 사용자가 이해할 수 있는 콘텐츠

 

HEADER

<header>는 소개나 내비게이션 기능들의 묶음

한 섹션의 목차나 검색폼, 관련 로고등을 감싸는 용도로도 사용

 

FOOTER

<footer>이 요소는 가장 가까운 선행하는 섹션의 푸터를 의미