html5導航標籤正確使用

我已經開始在我的頁面上使用html標籤，並且我試圖確定導航標籤的正確用法是什麼。我已經閱讀了文檔，看起來我應該對自己的產品感到滿意，但是我注意到其他大多數開發人員在「ul」「li」標籤中都有導航「塊」。我使用div。html5導航標籤正確使用

我的問題是，使用「ul」「li」標籤而不是div的優點/缺點是什麼？

而且下面的工作與導航？

<nav> 
    <div id="navBar"> 
     <div id="navItem1"><a></a></div> 
     <div id="navItem2"><a></a></div> 
     <div id="navItem3"><a></a></div> 
     <div id="navItem4"><a></a></div> 
    </div> 
</nav>

來源

2011-08-09 SFox

您發佈的代碼不是最佳實踐。它應該是：


<nav> 
    <ul> 
     <li><a></a></li> 
     <li><a></a></li> 
     <li><a></a></li> 
     <li><a></a></li> 
    </ul> 
</nav>

<ul>和<li>標籤比使用div標記好，幾乎都是用於菜單。通過使用ul s和li s，您不會用太多的ID堵塞代碼。

來源

2011-08-09 20:59:26

感謝您的幫助。很可能我會將我的div轉換爲ul/li。不過，我擔心ie7支持nav標籤。 – SFox

然後你會想要使用這樣的shiv：'<！ - [if lt IE 9]> ' –

謝謝大家，你一直是最有幫助的。 =） – SFox

通過自定義，導航欄被視爲鏈接列表，因此ul-li。沒有實際的區別，只是一種常見的做法

你在做什麼是好的，altought也許我會直接與導航導航欄＃替換DIV＃導航欄，以減小anidation水平

來源

2011-08-09 21:01:38 Einacio

-1。實際的區別在於，使用屏幕閱讀器的人依靠列表來瀏覽頁面，自動化工具可能會使用它們來構建結構，搜索引擎在索引頁面時可能出於各種原因使用它們等。 –

列表（UL ，ol）在可訪問的瀏覽器（屏幕閱讀器等）中可以具有額外的含義，而div不具有附加含義。這使得這些用戶更容易使用您的網站，並且其中一個原因列表是菜單的首選。

另外，正如其他人所說，列表標籤爲內容提供了一些上下文（菜單是鏈接列表），而divs沒有上下文。

來源

2011-08-09 21:03:35

html5導航標籤正確使用

回答

相關問題