如何让你的前端代码更像HTML5（用语义元素构造html5）

自己写了很多的前端页面，但是感觉自己写的页面和HTML5关系不大，于是就借此机会好好研究一下HTML5。下面和大家分享自己的收获：

9个HTML5元素应用块级简单介绍：

article

包含内容，标题，作者署名，以及正文，但是不要包含footer

aside

与它周围的内容没有密切联系

figure

放一个图片

figcaption

对放的图片进行一个简单的说明，也可以是img不要alt标签

footer

只能够放一些网站版权信息，作品来源，法律限制以及链接子类的信息。不能放太多的链接，重要的内容或者无关的内容，广告等。

header

标注网页的页眉（也就是最顶端的部分），可以包含图片，nav，以及标题，副标题等

main

包装article

nav

包装一组链接

section

如果里面有标题h标签，那么就使用section，否则就使用div。

例如：

下面是常用的布局：