설명
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.
호환성
기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
---|---|---|---|---|---|
기본적인 지원 | 지원 | 4.0 (2.0) | 9.0 | 11.0 | 4.0 |
기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
---|---|---|---|---|---|
기본적인 지원 | 4.0 (2.0) |