기본적인 웹사이트 계층 구조를 이해하기 위하여
오늘은 GNB, LNB, SNB, FNB 개념에 대해 알아보아요!
해당 개념들이 잘 녹아들어 있는 대구광역시 웹사이트 화면을 캡쳐해왔어요.
예시 화면을 보면서 바로바로 이해해봐요!
대구광역시 홈페이지의 최상단의 메뉴를 GNB라고 합니다.
* GNB(Global Navigation Bar) : 웹사이트에서 가장 최상위 메뉴를 정의
홈페이지 상단의 '민원·소통·참여' 탭 등을 누르면 이렇게 펼쳐지는 서브메뉴를 LNB라고 합니다.
*LNB (Local Navigation Bar) : GNB의 아래 단계인 서브 메뉴를 구성
웹사이트의 좌, 우 사이드에 있는 이 메뉴는 SNB라고 합니다.
* SNB (Side Navigation Bar) : GNB와 LNB를 제외한 나머지 메뉴
가장 아래에 있는 해당 영역은 FNB라고 합니다.
* FNB (Foot Navigation Bar) : 기업의 정보나 저작권, 사이트맵, 법률 정보 등을 표기하는 용도