HTML 구획 태그

1. div태그: division의 줄임말로, 구획을 나누는 대표적인 태그.

• non-semantic태그로, 용도를 추론할 수 없는 단순 컨테이너.
  *span태그도 non-semantic
• 다른 요소들을 묶거나 문서의 구획을 나누는데 사용.

---

2. semantic태그: 각 구획의 용도와 내용의 의미를 알 수 있는 태그로, 검색 엔진 등이 사이트를 분석하는 데 도움

• header태그: 페이지의 최상단에 위치하는 태그로, 제목, 로고, 검색창 등의 내용 등을 포함.
• nav태그: navigation의 줄임말로, 페이지간의 이동에 관련한 링크들을 포함.

header태그, nav태그

---

• footer태그: 페이지의 최하단에 위치하는 태그로, 작성자, 저작권 정보, 관련 문서 등을 포함.

footer태그

---

• main태그: body태그의 주요 컨텐츠로, 페이지의 메인 내용이 포함하는 태그.
• aside태그: 페이지의 사이드바로 주로 사용되는 태그로, 문서의 주 내용과 간접적으로 연관된 부분.

main태그, aside태그

---

• section태그: 컨텐츠 내 큰 단위의 독립적인 구획을 나누는 태그.
• article태그: 독립적으로 재사용되거나 반복적으로 나타나는 구획을 표현할 때 쓰는 태그로, 
  게시판이나 뉴스, 갤러리의 목록상 각 항목등을 포함.

section태그, article태그