html 구조

 

헤더header:

일반적으로 상단에 큰 제목, 로고 ​​및 태그라인이 있는 큰 스트립입니다. 이것은 일반적으로 한 웹페이지에서 다른 웹페이지로 동일하게 유지됩니다.

 

네비게이션 바navigation bar:

사이트의 주요 섹션에 대한 링크 일반적으로 메뉴 버튼, 링크 또는 탭으로 표시됩니다. 헤더와 마찬가지로 이 콘텐츠는 일반적으로 한 웹페이지에서 다른 웹페이지로 일관성을 유지합니다. 많은 웹 디자이너는 탐색 모음을 개별 구성 요소가 아니라 헤더의 일부로 간주하지만 이것이 필수 사항은 아닙니다. 실제로 일부에서는 화면 판독기가 두 기능을 분리하면 더 잘 읽을 수 있으므로 두 기능을 분리하는 것이 접근성에 더 좋습니다.

 

메인 내용main content:

특정 웹페이지의 고유한 콘텐츠 대부분을 포함하는 중앙의 큰 영역(예: 보고 싶은 비디오, 읽고 있는 주요 기사, 보고 싶은 지도, 뉴스 헤드라인) 등등. 이것은 확실히 페이지마다 다를 웹사이트의 한 부분입니다!

 

사이드바side bar:

일부 주변 정보, 링크, 인용문, 광고 등 일반적으로 주요 콘텐츠에 포함된 내용과 관련이 있지만(예: 뉴스 기사 페이지에서 사이드바에는 작성자의 약력 또는 관련 기사 링크가 포함될 수 있음) 또한 보조 탐색 시스템과 같은 반복적인 요소를 찾을 수 있습니다.

 

푸터footer:

일반적으로 작은 글씨, 저작권 표시 또는 연락처 정보가 포함된 페이지 하단의 스트립입니다. 헤더와 같은 일반적인 정보를 넣는 곳이지만 일반적으로 해당 정보는 웹사이트 자체에 중요하거나 부차적인 것이 아닙니다. 바닥글은 인기 있는 콘텐츠에 빠르게 액세스할 수 있는 링크를 제공하여 SEO 목적으로 사용되기도 합니다