<nav>: 탐색 구획 요소

HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

특성

이 요소는 전역 특성만 포함합니다.

사용 일람

• 문서의 모든 링크가 <nav> 요소 안에 있을 필요는 없습니다. <nav> 요소는 주요 탐색 링크 블록을 위한 요소입니다. 대개 <footer> 요소가 <nav>에 들어가지 않아도 되는 링크를 포함합니다.
• <nav> 하나는 사이트 전체 탐색, 다른 하나는 현재 페이지 내 탐색으로 사용하는 등, 하나의 문서에서 여러 개의 <nav> 태그를 가질 수 있습니다. 이럴 때 aria-labelledby를 사용해 접근성을 향상할 수 있습니다.
• 스크린 리더 등 장애를 가진 사용자를 위한 사용자 에이전트는 최초 렌더링에서 탐색 전용 콘텐츠를 제외할지 결정할 때 <nav>를 참고합니다.

예제

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav> 

명세

브라우저 호환성