HTML網站開發：div和ul的導航和菜單

Question

我正在開發Web 2.0網站，我一直在尋找網站如何處理菜單和導航欄。許多網站（如Twitter）使用UL，而諸如stackoverflow之類的網站使用的是包含鏈接的ID。

除了消除一些IE bug之外，還有沒有使用UL的優勢？

使用UL有什麼優勢？

謝謝！

Answer 1

我個人使用ul/li來滿足我所有的菜單需求，因爲它甚至可以讓一個無風格的瀏覽器（例如鏈接）清楚它是某種菜單，並且它們是導致不同部分的各種鏈接在網站上。

不僅如此，標記非常簡單，並且允許使用ul，li和a來完成非常有趣的事情，使用CSS和各種選項（CSS精靈背景）製作精美的菜單。

使用div使得這也成爲可能，但使意圖不太清楚。使用適當的CSS佈局的瀏覽器，您將不會注意到其中的差異，唯一能夠知道的就是您和執行查看源代碼的用戶。

它可以有所作爲，如果你需要使用JavaScript來解析DOM，也未必......

Answer 2

這取決於你如何看待它，UL代表無序列表。將事物放入UL元素是一種語義方式，用於說明子元素（<li>）是列表項，因此是邏輯組。這給html的更多結構/含義，而不僅僅是一堆div標籤。

菜單是一個列表嗎？我想是這樣。所以如果你能爲這樣的事情更喜歡ul。

ul's可能更難以用CSS進行樣式設置，特別是當菜單是水平的時候。

Answer 3

UL對屏幕閱讀器更友好，並且是一種強制您保持菜單清潔其他html的方式。如果你想要的話，li-tags基本上可以像div一樣處理。

所以基本上區別在於ul-tag有點專業化，但可以提供與div相同的功能。