为什么很多导航条用 ul > li > a

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Dive into HTML5

这是一个创建于 3472 天前的主题，其中的信息可能已经有所发展或是发生改变。

为什么不直接使用：

<nav>
<a />
<a />
</nav>

为什么要多套一层 ul > li 标签？

nav

HTML

导航

13 条回复 • 2015-08-06 13:20:36 +08:00

b821025551b

2015-05-22 18:15:15 +08:00

二级菜单如何实现？

lyragosa

2015-05-22 18:16:36 +08:00

据说是为了手机

我也不懂等前端巨巨们解答

b821025551b

2015-05-22 18:19:03 +08:00

@lyragosa 貌似对SEO也有些影响，具体不清楚

a591826944

2015-05-22 18:21:33 +08:00

兼容性啊 nav 标签是 html5的。。以前都是 ul li 习惯了。。
而且使用 nav 除了传说中的 SEO（不知真假）。应该也没其他优势了。。就是区分一下（也许有我不知道？）

whatisnew

2015-05-22 18:22:24 +08:00

@b821025551b 仅一级的情况下呢？多层菜单可以加一个 div > ul 解决啊

Neo

2015-05-22 18:26:29 +08:00

语义化而已，nav标签出来的比较晚,之前w3c都建议ul那么写的，可能对seo有帮助而已，另外在css失效时可读性也强些

emric

2015-05-22 18:28:44 +08:00

不, 是为了屏幕阅读器.
http://www.brucelawson.co.uk/2005/navigation-lists/

whatisnew

2015-05-22 18:33:54 +08:00

@Neo W3C 什么时候建议导航条上的链接用 ul > li > a 来写了。。。而且语义化上 ul 是无序列表

loading

2015-05-22 18:49:20 +08:00 via Android

@b821025551b
ul.main > li> ul.sub > li > a

loading

2015-05-22 18:53:18 +08:00 via Android

@whatisnew 别加多余无语义的 div，再加 ul 吧。
@b821025551b

有语义的标签。
虽然我们没什么用，但对seo 搜索引擎

特别是 ***盲人阅读***

是有很大帮助的。

请多考虑一下他们！

loading

2015-05-22 18:58:14 +08:00 via Android

@whatisnew 无序列表就是不按如果这个排序也无所谓的时候用，一般的东西就算把第一个和最后一个互换都为什么问题。

ol 就是有序，一般用于操作步骤一类不可错的场景。(个人意见)

nilennoct

2015-05-25 17:46:18 +08:00

用nav IE8下不会显示的＝＝

usb

2015-08-06 13:20:36 +08:00

语义化=_=