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

main 元素

  •  
  •   Livid · 2014-11-03 15:43:18 +08:00 · 4120 次点击
    这是一个创建于 3676 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2014-11-03 16:28:59 +08:00
    luo123qiu
        1
    luo123qiu  
       2014-11-03 15:53:21 +08:00
    赞!

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

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


    main 元素其实早就有了,以前用过。它不是 section 的替代品,它们语义不一样,是并列存在的。
    Livid
        12
    Livid  
    MOD
    OP
       2014-11-03 16:28:59 +08:00
    今天在看 https://segment.com/ 的页面源代码的时候注意到他们在用 main,于是研究了一下。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2019 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:18 · PVG 00:18 · LAX 08:18 · JFK 11:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.