HTML 문서의 레이아웃

HTML 문서의 레이아웃

HTML 문서의 레이아웃

---

웹 페이지의 구역별 구조는 보통 다음과 같습니다.

 

Header

: 웹 페이지의 머리말을 담는 영역으로, 로고, 타이틀, 검색창, 메뉴 등의 요소를 포함합니다.

Navigation

: 웹 페이지의 메뉴를 담는 영역으로, 주로 Header 영역 내부에 위치합니다.

  사용자가 원하는 페이지로 이동할 수 있는 링크들을 제공합니다.

Main

: 웹 페이지의 본문을 담는 영역으로, 주요 콘텐츠를 포함합니다. 여러 개의 Section으로 구성될 수 있습니다.

Section

: 웹 페이지의 섹션을 담는 영역으로, 여러 개의 Section으로 나누어질 수 있으며 각 Section은 제목과 내용으로 구성됩니다.

Article

: 웹 페이지의 본문 콘텐츠 중에서 독립적인 내용을 담는 영역입니다. Section과 유사하지만, 독립적으로 존재할 수 있는 내용들을 포함합니다.

Sidebar

: 웹 페이지의 주요 콘텐츠와 연관된 내용을 담는 영역으로, Main 영역 옆에 위치합니다.

Footer

: 웹 페이지의 꼬리말을 담는 영역으로, 회사 정보, 저작권 정보 등을 포함합니다.