main 元素

[Livid]

http://html5doctor.com/the-main-element/

[luo123qiu]

赞！

以前用section，感觉怪怪的，后来抛弃section用div class="main"，总感觉不完美，现在好了。

[zhangxiao]

看上去是个老文了，不过貌似没看到过用的...?

[yyfearth]

终于啊
不过仍然会纠结 应该放在哪里 因为<main>只能有一个

[akfish]

用HTML5的Custom Component，想要神马tag就有神马tag。
http://www.html5rocks.com/en/tutorials/webcomponents/customelements/

[kmvan]

main 应该放在 body 的中间吧，头放 header 尾放 footer。
不过问题又来了，按照例子写的 <main id="content" class="group" role="main"> ，既然 main 只能有一个，为啥要弄个 group 和 id 以及 role 属性？不是多余吗？

[abelyao]

@kmvan 那个应该只是例子吧… 按照语义化来说 <main> 就和 <section> 一样直观表达才对啊

[1212e]

@kmvan 例子旁边的注释是说以后会去掉吧？
We'll get around to removing the id="content" at some point too.

[luo123qiu]

@akfish 用中文作tag会咋样？

[bitwing]

Ghost 默认主题 casper 倒是在用，还有 <time> 之前从标准中踢出去，后来又重新加入了标准，增加了新特性

[akfish]

@luo123qiu
没问题，命名只要求必须含有-，不能用英文大写。

不过个人不推荐混中文。

[Sivan]

@kmvan class="group" 应该是清浮动的吧，跟要表达的内容没关系，相当于 clearfix。id 是可以去掉的，因为 main 本身就要求要是页面里唯一的。


main 元素其实早就有了，以前用过。它不是 section 的替代品，它们语义不一样，是并列存在的。

[Livid]

今天在看 https://segment.com/ 的页面源代码的时候注意到他们在用 main，于是研究了一下。