我有一些HTML基本上類似如下：如何正確使用HTML5/Aria標記子導航？

<section> 
    <h1>Release Notes for 1.0</h1> 

    <aside class="versions"> 
     <h1>Other Versions</h1> 
     <ul> 
      <li><a href="?ver=3.0">3.0</a></li> 
      <li><a href="?ver=2.0">2.0</a></li> 
      <li class="active">1.0</li> 
     </ul> 
    </aside> 

    <p>Information...</p> 
</section>

我可能是錯誤的，但它似乎並不適合使用<nav>元素這一點。它似乎也不適合使用role="contentinfo"。

什麼是正確的方式來標記版本的列表，以避免錯誤地與當前標題爲「1.0發行註記」的部分相關聯？

來源

2014-02-12 Lea Hayes

我想如果真的是的（子）菜單時，不同的發行說明如下結構會更合適：

<div> <!-- maybe use 'section' instead; depends on whole page structure --> 
    <nav> 
    <h1>All release notes</h1> 
    <ul><!-- … --></ul> 
    </nav> 
    <article> <!-- instead of 'section' --> 
    <h1>Release Notes for 1.0</h1> 
    <p><!-- … --></p> 
    </article> 
</div>

你的例子似乎當鏈接是指象是適當的「您可能也會對......感興趣」，但不能作爲導航到其他發行說明文檔的主要方法。但在這種情況下，我不會將當前文檔包含在此列表中（正如您對<li class="active">1.0</li>所做的那樣）。

來源

2014-02-12 04:14:51 unor

既然您已經使用了'article'，那麼文檔級的標題是公司的名稱還是產品的名稱？我正準備爲產品名稱 1.0'發佈說明'

'，其中輪廓類隱藏用於正常查看。謝謝:) –

@LeaHayes：（我不確定我在這裏跟着你。）'article'與'section'對大綱沒有影響（他們工作相同，'article'只是一個更具體的'section' ，可以這麼說）。 ---一般而言，對於通常的網站，「頁面標題」應該是網站標題/標識（即，是「body」的子標題並且沒有其他分段元素）。主要內容通常是作爲「body」的孩子的分段元素（例如'section'或'article'）。此分區元素包含「主要內容標題」。 – unor

如何正確使用HTML5/Aria標記子導航？

回答

'，其中輪廓類隱藏用於正常查看。謝謝:) –

相關問題