Livid
288.98D
531.98D
V2EX  ›  HTML

main 元素

  •  
  •   Livid ·
    PRO
    · Nov 3, 2014 · 4636 views
    This topic created in 4239 days ago, the information mentioned may be changed or developed.
    12 replies    2014-11-03 16:28:59 +08:00
    luo123qiu
        1
    luo123qiu  
       Nov 3, 2014
    赞!

    以前用section,感觉怪怪的,后来抛弃section用div class="main",总感觉不完美,现在好了。
    zhangxiao
        2
    zhangxiao  
       Nov 3, 2014
    看上去是个老文了,不过貌似没看到过用的...?
    yyfearth
        3
    yyfearth  
       Nov 3, 2014
    终于啊
    不过仍然会纠结 应该放在哪里 因为<main>只能有一个
    akfish
        4
    akfish  
       Nov 3, 2014
    用HTML5的Custom Component,想要神马tag就有神马tag。
    http://www.html5rocks.com/en/tutorials/webcomponents/customelements/
    kmvan
        5
    kmvan  
       Nov 3, 2014
    main 应该放在 body 的中间吧,头放 header 尾放 footer。
    不过问题又来了,按照例子写的 <main id="content" class="group" role="main"> ,既然 main 只能有一个,为啥要弄个 group 和 id 以及 role 属性?不是多余吗?
    abelyao
        6
    abelyao  
       Nov 3, 2014
    @kmvan 那个应该只是例子吧… 按照语义化来说 <main> 就和 <section> 一样直观表达才对啊
    1212e
        7
    1212e  
       Nov 3, 2014
    @kmvan 例子旁边的注释是说以后会去掉吧?
    We'll get around to removing the id="content" at some point too.
    luo123qiu
        8
    luo123qiu  
       Nov 3, 2014
    @akfish 用中文作tag会咋样?
    bitwing
        9
    bitwing  
       Nov 3, 2014
    Ghost 默认主题 casper 倒是在用,还有 <time> 之前从标准中踢出去,后来又重新加入了标准,增加了新特性
    akfish
        10
    akfish  
       Nov 3, 2014   ❤️ 1
    @luo123qiu
    没问题,命名只要求必须含有-,不能用英文大写。

    不过个人不推荐混中文。
    Sivan
        11
    Sivan  
       Nov 3, 2014
    @kmvan class="group" 应该是清浮动的吧,跟要表达的内容没关系,相当于 clearfix。id 是可以去掉的,因为 main 本身就要求要是页面里唯一的。


    main 元素其实早就有了,以前用过。它不是 section 的替代品,它们语义不一样,是并列存在的。
    Livid
        12
    Livid  
    MOD
    OP
    PRO
       Nov 3, 2014
    今天在看 https://segment.com/ 的页面源代码的时候注意到他们在用 main,于是研究了一下。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2855 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 01:15 · PVG 09:15 · LAX 18:15 · JFK 21:15
    ♥ Do have faith in what you're doing.