2014-12-10 2 views
4

주 메뉴 탐색에서 태그 <nav>의 사용법을 보는 것은 매우 일반적이지만 사용할 수있는 다른 예제를 알지 못합니다. 예를 들어, 페이지 매기기에 :페이지 매기기에 <nav> 태그를 사용할 수 있습니까?

<div class='my-pagination'> 
    <!-- first, 2, 3, 4 ... 8, 9, last --> 
</div> 

가 될 수 있습니다 : 그것은 의미

<nav class='my-pagination'> 
    <!-- first, 2, 3, 4 ... 8, 9, last --> 
</nav> 

인가?

답변

4

예.

HTML5의 사양이 같은 nav element를 정의 탐색 링크가있는 섹션

nav 요소는 다른 페이지 나 페이지 내 부품에 연결하는 페이지의 섹션을 나타냅니다.

페이지 네이션은 분명히 "다른 페이지로의 링크"로 구성되며, 이들은 "네비게이션 링크"입니다. 그리고 대부분의 경우에이 섹션에 대한 콘텐츠 요소를 사용하는 것이 좋습니다.


올바른 부모 섹션에서 nav를 배치해야합니다 :

은 다중 페이지 된 기사의 경우
  • 에서, navarticle의 자식이어야합니다. 이 문서 맛보기의 멀티 페이징리스트가 있다면

    <article> 
        <h1>Review of my new camera</h1> 
        <p>…</p> 
        <nav><!-- pagination for this article --></nav> 
    </article> 
    
  • nav이 목록을 포함하는 섹션의 자식이어야합니다. 이 페이지 당 하나 개의 전체 문서의 경우

    <section> 
        <h1>All blog posts</h1> 
        <article><h1>Review of my new camera</h1></article> 
        <article><h1>I want to buy a camera, any suggestions?</h1></article> 
        <nav><!-- pagination for this blog posts list --></nav> 
    </section> 
    
  • navbody 절편 루트의 자식이어야합니다.

    <body> 
        <article><h1>Review of my new camera</h1></article> 
        <nav><!-- pagination for next/previous article --></nav> 
    </body> 
    
2

흥미로운 질문입니다. nav이 실제로이 차 탐색을위한 의도 경우 특히, 페이지 매김 용기로 사용하기에 적합 할 것으로 보인다 공식 W3 Draft으로 당

(즉, 전체 페이지를 통해 페이징 할 수있는 결과 집합입니다)

페이지의 모든 링크 그룹이 nav 요소에 있어야하는 것은 아닙니다.이 요소는 주로 주요 탐색 블록으로 구성된 섹션을 대상으로합니다. 특히 바닥 글에는 서비스 약관, 홈 페이지 및 저작권 페이지와 같이 사이트의 다양한 페이지에 대한 짧은 링크 목록이있는 것이 일반적입니다. 바닥 글 요소만으로도 이러한 경우에 충분합니다. 이 경우 nav 요소를 사용할 수 있지만 일반적으로 불필요합니다.

+2

음 ... 당신의 페이지 매김 페이지의 기본 데이터 인 결과 세트를 통해 페이징 경우 '예'. – c4urself

관련 문제