본문 바로가기
HTML&CSS

[HTML] GNB, LNB, FNB, SNB 네비게이션 영역별 용어 정리

by dev또리 2023. 7. 26.
728x90

GNB : Global Navigation Bar

웹 사이트에서 전역(Global)적으로 제공하는 공통 내비게이션 바 or 레이어를 의미한다.

주요 메뉴 및 기능 페이지로 빠르게 전환할 수 있도록 링크를 포함하고 있다.

한국타미야 홈페이지 GNB 영역

 

사이트 전체에 동일하게 적용되는 최상위 공통 네비게이션이다.

  • 사이트 로고 - 홈페이지 링크
  • 메인 메뉴 - 대분류 메뉴라고도 하며, 주요 페이지 링크 버튼 역할을 하거나 호버시 서브 메뉴를 볼 수 있는 버튼 역할을 한다. 서브 메뉴가 있는 경우 클릭시 메인 서브 메뉴로 가는 링크 역할을 하기도 한다.

 

 

 

 

 

LNB : (Local Navigation Bar)

GNB의 메인 메뉴의 서브 메뉴로 나오는 네비게이션 영역이다.

GNB를 누를 경우 소제목 형식으로 나오는 메뉴.
현재 서비스 영역(Local)만 해당.
네비게이션을 통해 특정 지역으로 가는 네비게이션 바.
서브메뉴 · 중분류 메뉴 등 분류 별로 사용 됨.

 

한국타미야 홈페이지 LNB 영역

GNB 메뉴의 하위 페이지 혹은 GNB 메뉴 페이지의 특정 영역의 링크 역할을 한다.

 

 

 

 

 

 

SNB : (Side Navigation Bar)

일반적으로 왼쪽에 위치해있으며, 메인 메뉴, 서브 메뉴를 제외한 나머지 사이드 메뉴를 포함하는 영역.

 

 

 

 

 

 

FNB : (Footer Navigation Bar)

하단메뉴 · 하단로고 · 주소 · 카피라이팅 영역.

 

한국타미야 홈페이지 FNB 영역

 

 

 

 

728x90

댓글