웹사이트 구조와 용어공부하기

GNB
Global navigation bar의 약자
웹사이트의 최상단에 위치하고 어떤 페이지를 클릭해도 동일하게 보여진다. 메인메뉴라고 볼 수있다. 
직관적으로 구성하는게 좋다 . 

LNB
Local navigation bar의 약자
GNB를 클릭하거나 호버 했을 때 나오는 하위 카테고리 리스트로
특정 GNB카테고리에 해당하는 특정 페이지로 연결되는 링크역할을 하기 때문에
웹사이트의 특정 지역을 한정한다는 의미로 보면된다.

 

FNB
Foot navigation bar의 약자
GNB가 모든 웹페이지의 맨 윗단에 위치한다면, 이것은 모든 웹페이지의 가장 하단에 위치판 내비게이션 바라고 볼수있다. 기업의 로고와 연락처 주소 등 웹페이지의 정보를 기재한다. 가장 하단에 있단ㄴ 의미로 Foot이라고 표현함

SNB
Side navigation bar의 약자
왼쪽이나 오른쪽에 위치해 있으며 메인메뉴와 서브 메뉴를 제외한 기타 메뉴로 구성한다. 

헤더와 푸터
헤더는 웹사이트의 최상단을 뜻한다. 
GNB가 있는 위치기도 하며 헤더의 왼쪽 최상단에는 홈페이지로 이동 가능한 링크를 넣는 것이 일반적이다. 
보통은 웹사이의 로고로 표현한다. 
* 헤더에는 검색창, GNB, 홈페이지 연결링크가 포함되어 있어야 한다. 

 

푸터는 FNB가 있는 위치이고 컨택트 정보와 카피라이트 등 웹사이트의 정보를 기입한다. 

브레드크럼
'빵가루'라는 뜻으로 복잡한 웹사이트 안에서 방문자가 길을 잃지 않도록  현재 위치한 페이지가 어디인지 단계별로 나타내는 구성요소다.보통은 메인콘텐츠 영역의 상단에 위치하며 방문자가 방문 가능한 페이지가 다양하고 카테고리의 깊이가 깊을수록 유용하게 쓰일 수있다.

 

 

출처: https://naver.me/xNlb5LII

GNB, LNB? 웹사이트 용어 알아보기 - 어센트 코리아