HTML网站开发:div或ul用于导航和菜单

时间:2009-05-06 07:40:13

标签: html css code-organization

我正在开发一个Web 2.0网站,我一直在研究网站如何处理菜单和导航栏。许多站点(如twitter)使用UL,而stackoverflow等站点使用ID包含链接的div。

除了消除一些IE错误之外,不使用UL是否有优势?

使用UL是否有优势?

谢谢!

3 个答案:

答案 0 :(得分:13)

这取决于你如何看待它,UL代表无序列表。将事物放在UL元素中是一种语义方式,表示元素children(<li>)是列表项,因此是逻辑组。这给了大量的html结构/意义,而不仅仅是一堆div标签。

菜单是一个列表吗?我认同。所以,如果你能做这样的事情,那就更喜欢ul。

用css设置样式会更加困难,尤其是当菜单是水平的时候。

答案 1 :(得分:9)

我个人使用ul / li来满足我的所有菜单需求,因为它使得即使是非样式化的浏览器(例如链接)也清楚它是某种类型的菜单,并且它们是导致不同部分的各种链接一个网站。

不仅如此,而且标记非常简单,并且允许使用ul,li和a来完成非常有趣的事情,使用带有各种选项,CSS精灵背景的CSS制作精彩的菜单。

使用div也可以实现这一点,但不太清楚。使用适当的CSS布局的浏览器,您将不会注意到差异,唯一知道的是您和执行视图源的用户。

如果您需要使用javascript解析dom,它可能会有所不同,它可能不会......

答案 2 :(得分:8)

UL对屏幕阅读器更友好,并且是一种强制您保持菜单清除其他HTML的方法。如果你愿意的话,li标签基本上可以像div一样处理。

所以基本上不同的是ul-tag更专业,但可以提供与div相同的东西。