UX·UI - FrontEnd Dev. Story

프론트엔드/HTML

[HTML] 웹표준 코딩 용어 GNB, LNB, SNB, FNB 네비게이션 클래스명 이름 종류와 차이

클로이겅쥬 2020. 1. 17. 09:08
반응형

 

 

GNB ( Global Navigation Bar )

 

사이트 전체에 동일하게 적용되는 최상위 전체 공통네비게이션.
메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바

 


 

 

 

 

 


 

LNB ( Local Navigation Bar )

 

GNB 메뉴의 서브 메뉴형식으로 나오는 형태의 네비게이션.

서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 특정 지역으로 가는 네비게이션 바

 

 


 

 

 

 

 


 

 

 

 

SNB ( Side Navigation Bar )

 

일반적으로 왼쪽에 많이 위치해있으며 메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바

 


 

 


 

 

 

FNB ( Foot Navigation Bar )

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

 


 

 

반응형