最近尝试使用HTML5新的标签元素去布局，例如<section> <article>等，但是在书写HTML的过程中有个困惑就是这些标签元素语义应该怎么去区分，以及它们的最佳实践。
<section>
<article>
学习是最好的投资！
HTML5新增<selection>、<article>等标签就为了文档语义化，譬如替换文档中的p标签，具体在什么场景下使用，还是看H5的官方文档吧...
<selection>
p
推荐来这里学习一下http://www.runoob.com/html/html5-new-element.html
首先，个人认为良好的 HTML 语义化其实是锦上添花的工作。做好语义化其实并不难，关键是搞清楚这个标签中到底放的是什么。以 HTML5 新增的几个标签为例，可以很容易的知道<article>标签一定是放的是正文内容，而<aside>肯定就是侧边栏。当然在实际使用中要有一些发散的思维：比如并不只有大篇幅的文章才能用<article>，这个页面上的问题和回答的主体其实都是<article>标签良好的使用场景，再比如灵活的<ul>标签也是如此。
<aside>
<ul>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML5新增
<selection>、<article>等标签就为了文档语义化，譬如替换文档中的p标签，具体在什么场景下使用，还是看H5的官方文档吧...推荐来这里学习一下
http://www.runoob.com/html/html5-new-element.html
首先，个人认为良好的 HTML 语义化其实是锦上添花的工作。
做好语义化其实并不难，关键是搞清楚这个标签中到底放的是什么。以 HTML5 新增的几个标签为例，可以很容易的知道
<article>标签一定是放的是正文内容，而<aside>肯定就是侧边栏。当然在实际使用中要有一些发散的思维：比如并不只有大篇幅的文章才能用<article>，这个页面上的问题和回答的主体其实都是<article>标签良好的使用场景，再比如灵活的<ul>标签也是如此。