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

Rya*_*rer 4 html css code-organization

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

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

使用UL是否有优势?

谢谢!

Cha*_*ant 13

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

菜单是一个清单吗?我认同.所以,如果你能这样的东西更喜欢ul.

用css设置样式可能更难,特别是当菜单是水平的时候.

  • 除了最后一句,我同意一切.它们非常容易风格,几乎完全像div一样,因为你可以设置li元素来显示:block,此时你有自己的东西很像div. (2认同)

X-I*_*nce 9

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

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

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

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


Jac*_*son 8

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

所以基本上区别在于ul-tag更专业,但可以提供与div相同的东西.