html5标签的实践。

Question

最近尝试使用HTML5新的标签元素去布局，例如<section> <article>等，但是在书写HTML的过程中有个困惑就是这些标签元素语义应该怎么去区分，以及它们的最佳实践。

Answer 1

HTML5新增<selection>、<article>等标签就为了文档语义化，譬如替换文档中的div标签，具体在什么场景下使用，还是看H5的官方文档吧...

Answer 2

推荐来这里学习一下
http://www.runoob.com/html/html5-new-element.html

Answer 3

首先，个人认为良好的 HTML 语义化其实是锦上添花的工作。
做好语义化其实并不难，关键是搞清楚这个标签中到底放的是什么。以 HTML5 新增的几个标签为例，可以很容易的知道<article>标签一定是放的是正文内容，而<aside>肯定就是侧边栏。当然在实际使用中要有一些发散的思维：比如并不只有大篇幅的文章才能用<article>，这个页面上的问题和回答的主体其实都是<article>标签良好的使用场景，再比如灵活的<ul>标签也是如此。

Answer 4

现在好多企业对于是否遵守w3c标准以及语意化看的越来越重要，