側欄導航：哪個標籤語義上正確？

我有一個模板，我建立一個管理員儀表板的導航鏈接，就像一個側邊欄：側欄導航：哪個標籤語義上正確？

<aside> 
    <ul> 
    <li><a href="#">...</a></li> 
    </ul> 
</aside> 
<main> 
... 
</main>

我不知道是否使用<aside>標籤是語義正確的，或者我應該使用<nav>呢？

來源

2016-07-24 sdvnksv

可能的重複[最佳HTML5標記爲邊欄]（http://stackoverflow.com/questions/8407805/best-html5-markup-for-sidebar ） –

它是用於導航，使用<nav>

的HTML <nav>元素代表鏈接到其他網頁或頁面內的部分頁面的部分：帶有導航鏈接的部分。

比較反對<aside>，這並不意味着你認爲這意味着，

的HTML <aside>元件表示與內容的頁面切向連接的其餘部分，這可以被認爲是從內容單獨的部分。

所以，<aside>意味着更多「旁註」而非「側邊欄」。

如果你願意，你可以使用<aside>節側欄然後<nav>它裏面包含了導航鏈接

來源

2016-07-24 18:36:19

我的導航當然不是切線！）謝謝！ – sdvnksv

的aside元素代表由內容頁面的部分它與旁邊元素周圍的內容相切，並且可以將其視爲與該內容分離。這些部分通常以印刷字體的側邊欄表示。 html5doctor

而且

不要使用元素標記括號內的文字，因爲這類型的文本被認爲是主流的一部分。 Mozilla的

下面是有關如何使用aside最簡單的例子：

<article> 
    <p> 
    The Disney movie <em>The Little Mermaid</em> was 
    first released to theatres in 1989. 
    </p> 
    <aside> 
    The movie earned $87 million during its initial release. 
    </aside> 
    <p> 
    More info about the movie... 
    </p> 
</article>

之前，我看到一些熱門網站如Spotify的HTML結構，他們使用div他們的側欄。但如果你想閱讀更多，你應該看看Best HTML5 markup for sidebar

來源

2016-07-24 18:48:10 M98

謝謝！我想我會堅持導航，因爲這是我計劃在模板中使用的唯一導航。 – sdvnksv

@ Deka87歡迎您。好，我也認爲iit最好是去標準的導航方式 – M98

側欄導航：哪個標籤語義上正確？

回答

相關問題