一：H5布局如何下手？
1）�详细观察项目网页(可能是来自公司ui的一张图)的结构，根据内容的类型结构划分区域，通常网页的结构都会分为：头部、导航、内容、
尾部；
2）�将浏览器窗口简单分为上面划分的几部分，在针对每一个部分对应内容层层划分。要做到看到网站就知道接下来最外层需要几个板块，每
个板块需要再分为几个部分；
3） 基本结构完成以后，就可以给每部分设置css样式
二：H5布局标签如何选择？
<header></header>：相当于<div class="header"/div>
<footer></footer>：相当于<div class="footer"/div>
<section></section>：相当于<div></div>，以前习惯的div改为section，当然你继续用div也一样
<aside></aside>：相当于<div class="sidebar"/div>，比如常见的侧边栏
导航或者分页：
<nav></nav>：<div class="nav"><ul></ul></div>
文章、帖子或者其它独立的页面：
<article></article>:相当于<div class="article"></div>
<time></time>：日期时间什么的放里面就好了，相当于<div class="time">2016-05-21 15:43:21</div>，支持pubdate属性，表示为发布日期
<summary></summary>：标签包含 details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。
其它新标签：
<audio></audio>：标签定义声音，比如音乐或其他音频流。<audio src="audio.wav">您的浏览器不支持 audio 标签。</audio>
<video></video>：标签定义视频，比如电影片段或其他视频流。<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。
</video>
<source>：标签为媒介元素（比如 video 和 audio）定义媒介资源。<audio controlssource src="horse.ogg" type="audio/ogg"source
src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<datalist></datalist>：标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。
<figure> :标签用于对元素进行组合。
<figcaption> :为元素组添加标题。
<mark></mark>：主要用来在视觉上向用户呈现那些需要突出的文字。<mark>标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索
关键词。传统如<span></span>
<hgroup></hgroup>：标签用于对网页或区段（section）的标题进行组合。
