2014-12-10 95 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在正確的父節:

  • 如果它是一個多頁的文章中,nav應該是article的孩子。

    <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> 
    
  • 如果是每頁一個完整的文章,該nav應該是body切片根的孩子。

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

有趣的問題。

按照官方W3 Draft似乎nav確實是適合用作分頁容器,特別是當它用於主導航(即整頁是一個結果集,可通過分頁)

並非網頁上的所有鏈接組都必須位於導航元素中 - 元素主要用於由主要導航塊組成的部分。特別是,頁腳通常有一個鏈接到網站各個頁面的簡短列表,例如服務條款,主頁和版權頁。單獨使用頁腳元素就足夠了;雖然在這種情況下可以使用導航元素,但通常沒有必要。

+2

嗯......如果你的分頁通過的結果集是在網頁上的主要數據分頁「是」。 – c4urself 2014-12-10 23:42:15

相關問題