HTML5常用的布局工具有哪些浮動(dòng)布局，定位布局以及響應(yīng)式布局，這三種布局是最基本最常見(jiàn)的，此外比較特殊的是彈性布局，彈性布局相對(duì)使用較少，需要根據(jù)項(xiàng)目的具體情況而定在網(wǎng)站開(kāi)發(fā)當(dāng)中，通常是需要結(jié)合多種布局去實(shí)現(xiàn)網(wǎng)頁(yè)；1html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooter；h5是html的最新版本，是14年由w3c完成標(biāo)準(zhǔn)制定增強(qiáng)了，瀏覽器的原生功能，減少瀏覽器插件egflash的應(yīng)用，提高用戶體驗(yàn)滿意度，讓開(kāi)發(fā)更加方便 h5新增的標(biāo)簽 新增元素 說(shuō)明 video 表示一段視頻并提供播放的用戶。

4浮動(dòng)是從網(wǎng)頁(yè)布局的角度來(lái)定義元素的顯示，而行內(nèi)和塊狀屬性主要是從元素自身的性質(zhì)來(lái)定其顯示的5當(dāng)元素沒(méi)有定義邊框時(shí)，可以把內(nèi)邊距作為外邊距使用有時(shí)候外邊距會(huì)有重疊現(xiàn)象的6當(dāng)為元素定義背景圖像時(shí)，內(nèi)；2HTML5的方法HTML 布局 使用表格 使用 HTML lttable 標(biāo)簽是創(chuàng)建布局的一種簡(jiǎn)單的方式可以使用 ltdiv 或者 lttable 元素來(lái)創(chuàng)建多列CSS 用于對(duì)元素進(jìn)行定位，或者為頁(yè)面創(chuàng)建背景以及色彩豐富的外觀提示即使；您好您必須用aside這個(gè)指定標(biāo)簽么方便把代碼直接貼出來(lái)給我調(diào)試么，而且我對(duì)您想要的結(jié)果并沒(méi)有很好的理解而且您最好把您用的瀏覽器提供一下，H5是比較挑剔瀏覽器內(nèi)核的；html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等ltarticl；5footer元素 表示整個(gè)頁(yè)面或頁(yè)面中一個(gè)內(nèi)容區(qū)塊的腳注一般來(lái)說(shuō)，他會(huì)包含創(chuàng)作者的姓名創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息HTML5新規(guī)則新特性應(yīng)該基于 HTMLCSSDOM 以及 JavaScript 減少對(duì)外部插件的需求比如 Flash。

復(fù)制代碼 讀者可能留意到這里使用的div id=”wrapper”，這個(gè)是稍候用來(lái)做meida query的時(shí)候調(diào)整全局CSS樣式調(diào)整用的 步驟3 往HTML 5標(biāo)簽中增加代碼 1首先往標(biāo)題中增加如下代碼Simple HTML5 Template 復(fù)制代碼 2往；頭部headernav 側(cè)欄aside 內(nèi)容articlesectiondiv 腳部footer 這些僅僅是html5的一部分，常出現(xiàn)在整個(gè)網(wǎng)頁(yè)的“大框架”結(jié)構(gòu)上，具體位置如下html5 雖然增加了很多新的標(biāo)簽，但是并不代表完全拋棄了原有的標(biāo)簽；5 ltprogress代表進(jìn)度條，表示任務(wù)過(guò)程，屬性有max任務(wù)總量\valueltdatalist為Input標(biāo)記定義一個(gè)下拉列表，配合option標(biāo)簽其他 ltdetails創(chuàng)建一個(gè)掛件，僅在被切換成展開(kāi)狀態(tài)時(shí)，它才會(huì)顯示內(nèi)含的信息ltsummary 是；常用布局上中下 三欄 少常用布局左中右 三欄也有左右 兩欄 還有很多，很多 可以用標(biāo)簽定位你需要的布局沒(méi)有固定格式；在HTML5頁(yè)面中，經(jīng)常使用ltnav標(biāo)簽來(lái)充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁(yè)面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語(yǔ)義化的方式來(lái)標(biāo)記頁(yè)面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航。

1首先往標(biāo)題中增加如下代碼Simple HTML5 Template 復(fù)制代碼 2往導(dǎo)航標(biāo)簽中添加如下代碼，這樣很方便地構(gòu)件了一個(gè)簡(jiǎn)單的頁(yè)面分類導(dǎo)航Home About Parent Page Child One Child Two with child Child One；說(shuō)明第一行l(wèi)t！DOCTYPE html是HTML5對(duì)文檔類型的簡(jiǎn)化，化繁為簡(jiǎn)文檔類型的作用驗(yàn)證器依據(jù)它來(lái)判斷該采用何種規(guī)則去驗(yàn)證代碼強(qiáng)制瀏覽器以標(biāo)準(zhǔn)模式渲染頁(yè)面2 頭部ltheader標(biāo)簽實(shí)現(xiàn)ltheader id=quotpage_headerquot lth1Headerlth1；html5是html4的更新標(biāo)準(zhǔn)html5新增了一些html標(biāo)簽以及這些標(biāo)簽對(duì)應(yīng)的css和js接口 bootstrap是在html5標(biāo)準(zhǔn)形成之際推出的，因此bootstrap天生含有html5的一些標(biāo)簽和特性 比如，bootstrap支持響應(yīng)式設(shè)計(jì)，具體體現(xiàn)在bootstrap；請(qǐng)務(wù)必注意垂直方向的值，將具體像素調(diào)整為rem，與水平方向相比，垂直方向的計(jì)算就比較簡(jiǎn)單例如，行高為195px，HTML標(biāo)簽當(dāng)前的字體大小為42px，將行高轉(zhuǎn)換為rem單位，即19542= 4 64rem。