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

2015-05-22 18:07:00 +08:00
 whatisnew

为什么不直接使用:

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

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

4302 次点击
所在节点    HTML
13 条回复
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
whatisnew
2015-05-22 18:33:54 +08:00
@Neo W3C 什么时候建议导航条上的链接用 ul > li > a 来写了。。。而且语义化上 ul 是无序列表
loading
2015-05-22 18:49:20 +08:00
@b821025551b
ul.main > li> ul.sub > li > a
loading
2015-05-22 18:53:18 +08:00
@whatisnew 别加多余无语义的 div,再加 ul 吧。
@b821025551b


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

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

是有很大帮助的。

请多考虑一下他们!
loading
2015-05-22 18:58:14 +08:00
@whatisnew 无序列表就是不按如果这个排序也无所谓的时候用,一般的东西就算把第一个和最后一个互换都为什么问题。

ol 就是有序,一般用于操作步骤一类不可错的场景。(个人意见)
nilennoct
2015-05-25 17:46:18 +08:00
用nav IE8下不会显示的==
usb
2015-08-06 13:20:36 +08:00
语义化=_=

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/193045

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX