네비게이션 바

Navigation bar

내비게이션 바(또는 내비게이션 시스템)는 방문자가 정보에 액세스하는 데 도움을 주기 위한 그래픽 사용자 인터페이스의 섹션입니다.탐색 막대는 파일 브라우저, 웹 브라우저 및 일부 웹 사이트의 설계 구성요소로 [1]구현됩니다.

파일 브라우저

투나르의 내비게이션 바

파일 브라우저는 탐색 막대를 사용하여 사용자가 파일 시스템을 통과할 수 있도록 지원합니다.네비게이션 바에는 현재 경로, 브레드 크럼 또는 [2]즐겨찾기 목록이 포함될 수 있습니다.

웹 브라우저

웹 브라우저 네비게이션바에는 뒤로 및 앞으로 버튼과 URL이 [3]입력되는 위치 표시줄이 있습니다.이전에는 브라우저의 툴바와 주소 표시줄 사이에 네비게이션 바의 기능이 분할되어 있었지만, 구글 크롬은 이 둘을 통합하는 방식을 도입했습니다.Netscape의 일부 초기 버전은 HTML을 사용했습니다. 링크 태그를 사용하여 웹 [4]사이트를 탐색하는 탐색 막대를 구성합니다.현재 내비게이션 태그는 동일한 [5]용도로 사용할 수 있습니다.

웹 디자인

일반적으로 웹 사이트에는 모든 페이지에 기본 탐색[6] 모음과 보조 탐색 모음이 있습니다.웹 페이지의 이러한 섹션에는 사이트의 가장 중요한 섹션으로 연결되는 링크가 포함됩니다.탐색 막대의 구현과 설계는 웹 설계와 웹 사용성의 중요한 측면입니다.

일반적으로 네비게이션 바는 페이지 [7]헤더에 있지만 사이드바 [8]형태로도 찾을 수 있습니다.

  • A typical webpage header with a navigation bar

    탐색 모음이 있는 일반적인 웹 페이지 머리글

  • A minimally styled header bar

    최소 스타일의 헤더 바

  • Page navigation

    페이지 네비게이션

HTML5 내비게이션 태그

HTML5에서는 네비게이션 요소가 다음 중 하나로 둘러싸여 있습니다.<nav>태그(대부분 [7]링크 목록을 포함) 

<nav> <ul> <a href="/"> 홈 </a> </li> <li> <a href="/blog"> 블로그 </a> <li> <a href="/contact"문의 </a> </li> </ul> </nav>

「 」를 참조해 주세요.

레퍼런스

  1. ^ "Personalize the Windows Explorer Navigation Bar".
  2. ^ "Dolphin".
  3. ^ "Avant Browser Help - Navigation Bar".
  4. ^ "Link". The LINK element can be used to define a toolbar of navigation buttons or an equivalent mechanism such as menu items. Many of the values for the REL attribute could be reserved for this purpose (such as Home, Next, Previous, etc.)
  5. ^ "HTML <nav> Tag".
  6. ^ "Navigation Bar: Explanations and Samples".{{cite web}}: CS1 maint :url-status (링크)
  7. ^ a b "How To Make Header Bar In Html? - PeterElSt".
  8. ^ "How to create a Sidebar Nav? What is Sidebar Nav?".
Stub icon

이 월드 와이드 웹 관련 기사는 요약본입니다.위키피디아를 확장함으로써 위키피디아를 도울 수 있습니다.