[HTML]semantic

시맨틱 태그를 사용해야하는 이유

1. 검색엔진
2. 코드 블록 찾기 용이

---

종류

article - 독립적이고 자체 포함된 콘텐츠

aside - 본문의 주요 부분을 표시하고 남은 부분을 설명, 사이드바나 광고창 등 중요하지 않은 부분

footer - 일반적으로 페이지나 해당 파트의 가장 아랫부분에 위치, 사이트의 라이선스, 주소, 연락처 등

header - 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치, 보통 사이트의 제목. 선택적으로 상단바나 검색창 등

nav - navigation의 약자, 일반적으로 상단바 등 사이트를 안내, 보통은 안에 <ul>을 넣어 목록 형태로 사용

main - 문서의 주된 콘텐츠

section : 보통 제목, 컨텐츠가 포함된 구획을 나눌 때, 랜더링은 div와 크게 다른 점은 없음