一：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）的标题进行组合。