html/css 독학하기

nav

토픽 html/css 독학하기 > html사전

설명

The HTML Navigation Element (<nav>) represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

The HTML Navigation Element <nav> 는 다른 페이지로의 링크나 페이지안에서의 특정 부분에 대한 링크정보를 가지는 section을 표현한다. a section with navigation links.(??)

참고 :
 • Not all links of a document must be in a <nav> element, which is intended only for major block of navigation links; typically the <footer> element often has a list of links that don't need to be in a <nav> element.

문서안의 모든 링크가 <nav> element안에 있어야 하는것은 아니다. <nav>는 navigation links 중의 중요한 내용들을 담기 위함이다. 그 외 부가적인 링크 목록을 <footer> element안에 두기도 한다.

 •A document may have several <nav> elements, for example, one for site navigation and one for intra-page navigation.

한 문서가 여러개의 <nav> elements를 가질 수도 있다. 예를 들어 웹 사이트 전체를 위한 navigation 정보와 페이지간 이동을 위한 navigation 정보를 나눌 수 있다.

 •User agents, such as screen readers targeting disabled users, can use this element to determine whether to omit the initial rendering of this content.

장애인을 위한 Screen reader같은 User agents (such as screen readers targeting disabled users)에서는 <nav> Element의 내용을 rendering해서 보여줄지 않을지를 결정할 수 있다.

Usage Context

Permitted content Flow content
Tag omission None, both the start tag and the end tag are mandatory
Permitted parent elements Any element that accepts flow content. Note that a <nav> element must not be a descendant of an <address> element.
Normative document HTML5, section 4.4.3

속성

이 엘리먼트는 전역속성을 지원한다.

예제

<nav>
  <ul>
    <li><a href="/course/67">Hello World</a></li>
    <li><a href="/course/52">jQuery</a></li>
    <li><a href="/course/48">javascript</a></li>
  </ul>
</nav>

DOM Interface

This element implements the HTMLElement interface.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 지원 4.0 (2.0) 9.0 11.0 4.0
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원   4.0 (2.0)      

참고

댓글

댓글 본문
  1. engfordev
    수고가 많으셨어요 ^^
    표시하신 부분에 대해서 몇 가지 의견 드립니다~
    1. 설명 부분이요~
    저는 이렇게 풀어서 써 봤어요~
    >> <nav>요소는 사용자가 웹페이지를 탐색하는데 이용하는 메뉴같은 역할을 한다. <nav> 요소 부분에는 사이트의 다른 페이지나, 해당 페이지 내의 여러 부분으로 이동하는 링크들이 들어 있다. 즉 탐색하는데 필요한 링크들이 모여있는 섹션이라고 할 수 있다.
    2. 장애인을 위한 Screen reader 부분..
    user agents는 웹브라우저라고 표현하면 될 것 같고요.. (읏.. 확실치는 않습니다. 일단 이렇게 표시만 해두죠..)
    (user agents로 검색..) https://docs.google.com/spread...
    >> 시각장애인을 위해 화면을 소리내어 읽어주는 웹브라우저의 경우, <nav> 요소 안에 들어 있는 내용을 생략할 지 여부를 결정할 수 있다.</nav></nav></nav>