1、控制器那里會(huì)有一堆紅色或淡黃色的雞腸顯示出來(lái)改完，確定無(wú)誤后，再執(zhí)行第一步操作3，嗯，如果還不行，就可能是瀏覽器兼容問(wèn)題，亦或是html結(jié)構(gòu)不對(duì)了如果是這樣，可以加我詳聊希望有所幫助～；代碼實(shí)例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動(dòng)端開發(fā)實(shí)例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles；列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁(yè)結(jié)構(gòu)，如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中section和article最為相似，而且和div標(biāo)簽貌似也有很大相似之處 但看似相似，并不是真的；步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個(gè)空白的模版，代碼很簡(jiǎn)單，如下所示復(fù)制代碼 步驟2 增加HTML 5新標(biāo)簽 HTML 5中新增加了不少標(biāo)簽，如article， aside， details， figcaption， figure， footer， header；你是要學(xué)嗎首先HTML是最基礎(chǔ)的，現(xiàn)在流行的是HTML5設(shè)計(jì)，先學(xué)會(huì)網(wǎng)頁(yè)布局CSS是用來(lái)美化HTML頁(yè)面的為頁(yè)面提供布局和格式最后再學(xué)javascript選擇專業(yè)的HTML5培訓(xùn)機(jī)構(gòu)，跟著老師一步一步操作，入門是很容易的，飛雀教育幫；先給你寫一套代碼，之后再來(lái)解釋哈css部分aa display flex 使用flex布局，可以輕易獲得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px；簡(jiǎn)述當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言選擇html5的五大理由這個(gè)問(wèn)題相當(dāng)于問(wèn)html5的優(yōu)點(diǎn)或者特性首先，web應(yīng)用程序更容易開發(fā)HTML5的規(guī)范是基于用戶至上的準(zhǔn)則編寫的，符合開發(fā)者的編碼習(xí)慣語(yǔ)法限制不嚴(yán)格，代碼更簡(jiǎn)潔易讀第二，功能。

2、PC端用rem首先要用resize函數(shù)把平常用的remjs包含起來(lái)，因?yàn)槭謾C(jī)屏幕寬度固定，而pc端可以改變?yōu)g覽器窗口大小另外pc端一般不用rem主要是對(duì)低版本瀏覽器的兼容性問(wèn)題，比如從ie9才開始支持rem，但是只是部分支持ie11才。

3、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；9網(wǎng)頁(yè)布局分為自然布局，浮動(dòng)布局， 定位布局 10當(dāng)一個(gè)元素被定義為浮動(dòng)顯示時(shí)，即定義為塊狀元素并且該元素就會(huì)收縮自身體積為最小狀態(tài)所以，應(yīng)該有個(gè)好的習(xí)慣即把浮動(dòng)元素設(shè)置高和寬如果沒(méi)有設(shè)置，則元素會(huì)按；浮動(dòng)布局，定位布局以及響應(yīng)式布局，這三種布局是最基本最常見的，此外比較特殊的是彈性布局，彈性布局相對(duì)使用較少，需要根據(jù)項(xiàng)目的具體情況而定在網(wǎng)站開發(fā)當(dāng)中，通常是需要結(jié)合多種布局去實(shí)現(xiàn)網(wǎng)頁(yè)布局的如果是在學(xué)習(xí)網(wǎng)頁(yè)布；1html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooter。

4、普通的網(wǎng)頁(yè)制作切片采用是table布局，現(xiàn)在HTML5頁(yè)面制作采用的是DIV+CSS布局方式除此之外，HTML5還增加了很多新功能，包括全新的解析規(guī)則淘汰一系列過(guò)時(shí)或冗余的屬性離線編輯拖放功能新增SQL數(shù)據(jù)庫(kù)通用標(biāo)準(zhǔn)多用途互聯(lián)；可以通過(guò)DIV來(lái)分塊布局，然后通過(guò)CSS樣式來(lái)調(diào)整大小，顏色等樣式參考代碼如下lt！DOCTYPE html lthtml lthead ltstyle header backgroundcolorblackcolorwhitetextaligncenterpadding5px nav line；ltcanvas 標(biāo)簽定義圖形，比如圖表和其他圖像，這個(gè) HTML 元素是為了客戶端矢量圖形而設(shè)計(jì)的它自己沒(méi)有行為，但卻把一個(gè)繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上標(biāo)簽定義元素的；4上下框架型布局 這類網(wǎng)站由上下邊欄組成，上邊欄用來(lái)放置logo和鏈接等信息，下邊欄用來(lái)放置網(wǎng)頁(yè)的內(nèi)容上下型網(wǎng)站經(jīng)常用來(lái)進(jìn)行個(gè)性化展示，在企業(yè)門戶網(wǎng)站的公司展示中也比較常用5標(biāo)題正文型布局 這類網(wǎng)站的布局結(jié)構(gòu)由上。