V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
whatisnew
V2EX  ›  HTML

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

  •  
  •   whatisnew · 2015-05-22 18:07:00 +08:00 · 4282 次点击
    这是一个创建于 3471 天前的主题,其中的信息可能已经有所发展或是发生改变。

    为什么不直接使用:

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

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

    13 条回复    2015-08-06 13:20:36 +08:00
    b821025551b
        1
    b821025551b  
       2015-05-22 18:15:15 +08:00
    二级菜单如何实现?
    lyragosa
        2
    lyragosa  
       2015-05-22 18:16:36 +08:00
    据说是为了手机

    我也不懂 等前端巨巨们解答
    b821025551b
        3
    b821025551b  
       2015-05-22 18:19:03 +08:00
    @lyragosa 貌似对SEO也有些影响,具体不清楚
    a591826944
        4
    a591826944  
       2015-05-22 18:21:33 +08:00
    兼容性啊 nav 标签是 html5的 。。以前都是 ul li 习惯了。。
    而且使用 nav 除了传说中的 SEO(不知真假)。应该也没其他优势了 。。就是区分一下(也许有我不知道? )
    whatisnew
        5
    whatisnew  
    OP
       2015-05-22 18:22:24 +08:00
    @b821025551b 仅一级的情况下呢?多层菜单可以加一个 div > ul 解决啊
    Neo
        6
    Neo  
       2015-05-22 18:26:29 +08:00
    语义化而已,nav标签出来的比较晚,之前w3c都建议ul那么写的,可能对seo有帮助而已,另外在css失效时可读性也强些
    emric
        7
    emric  
       2015-05-22 18:28:44 +08:00
    whatisnew
        8
    whatisnew  
    OP
       2015-05-22 18:33:54 +08:00
    @Neo W3C 什么时候建议导航条上的链接用 ul > li > a 来写了。。。而且语义化上 ul 是无序列表
    loading
        9
    loading  
       2015-05-22 18:49:20 +08:00 via Android
    @b821025551b
    ul.main > li> ul.sub > li > a
    loading
        10
    loading  
       2015-05-22 18:53:18 +08:00 via Android
    @whatisnew 别加多余无语义的 div,再加 ul 吧。
    @b821025551b


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

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

    是有很大帮助的。

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

    ol 就是有序,一般用于操作步骤一类不可错的场景。(个人意见)
    nilennoct
        12
    nilennoct  
       2015-05-25 17:46:18 +08:00
    用nav IE8下不会显示的==
    usb
        13
    usb  
       2015-08-06 13:20:36 +08:00
    语义化=_=
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   984 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 21:11 · PVG 05:11 · LAX 13:11 · JFK 16:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.