如何使用HTML5语义标签进行页面布局

1、首先先到W3C文档了解HTML5 中新的语义元素及其作用：

<article> 一篇文章，<header>  一个页面或迅处一个区域的头部 ，<nav> 导航链接，<section>一个区域，<aside>页面内容部分的侧边栏 ，<hgroup>  件中一个区块的相关信息，<figure> 一组媒体内容以及它们的标题 ，<figcaption> figure 元素的标题，<footer>  一个页面或一个区域的底部，<dialog> 一个对话框(会话框)类似微信

2、打开网站编辑器新建一个HTML5页面

3、使用相关元素进行布局填充色块各蚂区分

4、打开浏览器浏览HTML5文件

5、完成已上步骤可以查看到自己的页面调调互布局了。