一：H5布局如何下手？
1）?詳細(xì)觀察項(xiàng)目網(wǎng)頁(可能是來自公司ui的一張圖)的結(jié)構(gòu)处坪，根據(jù)內(nèi)容的類型結(jié)構(gòu)劃分區(qū)域根资，通常網(wǎng)頁的結(jié)構(gòu)都會(huì)分為：頭部、導(dǎo)航同窘、內(nèi)容玄帕、
? ? ? ?尾部；
2）?將瀏覽器窗口簡(jiǎn)單分為上面劃分的幾部分想邦，在針對(duì)每一個(gè)部分對(duì)應(yīng)內(nèi)容層層劃分裤纹。要做到看到網(wǎng)站就知道接下來最外層需要幾個(gè)板塊，每
? ? ? 個(gè)板塊需要再分為幾個(gè)部分丧没；
3） 基本結(jié)構(gòu)完成以后鹰椒，就可以給每部分設(shè)置css樣式
二：H5布局標(biāo)簽如何選擇？
<header></header>：相當(dāng)于<div class="header"/div>
<footer></footer>：相當(dāng)于<div class="footer"/div>
<section></section>：相當(dāng)于<div></div>呕童，以前習(xí)慣的div改為section漆际，當(dāng)然你繼續(xù)用div也一樣
<aside></aside>：相當(dāng)于<div class="sidebar"/div>，比如常見的側(cè)邊欄
導(dǎo)航或者分頁：
<nav></nav>：<div class="nav"><ul></ul></div>
文章夺饲、帖子或者其它獨(dú)立的頁面：
<article></article>:相當(dāng)于<div class="article"></div>
<time></time>：日期時(shí)間什么的放里面就好了奸汇，相當(dāng)于<div class="time">2016-05-21 15:43:21</div>施符，支持pubdate屬性，表示為發(fā)布日期
<summary></summary>：標(biāo)簽包含 details 元素的標(biāo)題擂找，”details” 元素用于描述有關(guān)文檔或文檔片段的詳細(xì)信息操刀。”summary” 元素應(yīng)該是 “details” 元素的第一個(gè)子元素婴洼。
其它新標(biāo)簽：
<audio></audio>：標(biāo)簽定義聲音，比如音樂或其他音頻流撼嗓。<audio src="audio.wav">您的瀏覽器不支持 audio 標(biāo)簽柬采。</audio>
<video></video>：標(biāo)簽定義視頻，比如電影片段或其他視頻流且警。<video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標(biāo)簽粉捻。 ? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </video>
<source>：標(biāo)簽為媒介元素（比如 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>：標(biāo)簽定義可選數(shù)據(jù)的列表斑芜。與 input 元素配合使用肩刃，就可以制作出輸入值的下拉列表。
<figure> :標(biāo)簽用于對(duì)元素進(jìn)行組合杏头。
<figcaption> :為元素組添加標(biāo)題盈包。
<mark></mark>：主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。<mark>標(biāo)簽的一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索
? ? ? ? ? ? ? ? ? ? ? 關(guān)鍵詞醇王。傳統(tǒng)如<span></span>
<hgroup></hgroup>：標(biāo)簽用于對(duì)網(wǎng)頁或區(qū)段（section）的標(biāo)題進(jìn)行組合呢燥。
