我可以使用<nav>標籤進行分頁嗎？

在主菜單導航中看到標籤<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>

它是語義？

來源

2014-12-10 Renan

是的。

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>

來源

2014-12-11 10:37:04 unor

有趣的問題。

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

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

來源

2014-12-10 23:19:53 c4urself

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

我可以使用<nav>標籤進行分頁嗎？

回答

相關問題