分為兩個(gè)部分1HTML5文件2CSS3文件一HTML5部分1 HTML5的文檔聲明新建indexhtml文件，如果用的網(wǎng)頁(yè)編寫(xiě)工具已經(jīng)支持HTML5文件類型，那么，應(yīng)該生成如下的HTML5模板 1 lt！DOCTYPE html 2 lthtml lang=quotenUSquot 3 lthead 4。

三AdobeColdFusion10ColdFusion是用來(lái)開(kāi)發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過(guò)Websockets互動(dòng)表單視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)四SenchaArchitect2在開(kāi)發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用。

前端的基礎(chǔ)無(wú)外乎HTMLCSSjs三類，HTML控制內(nèi)容CSS控制表現(xiàn)js控制動(dòng)效由于題主的要求中還有`迅速`這個(gè)要求，所以基礎(chǔ)學(xué)習(xí)的時(shí)間分配可以有側(cè)重1 HTMLHTML5標(biāo)簽過(guò)一遍大概2天不要求對(duì)每個(gè)標(biāo)簽的每個(gè)屬性都。

前端前景是很不錯(cuò)的，像前端這樣的專業(yè)還是一線城市比較好，師資力量跟得上就業(yè)的薪資也是可觀的，學(xué)習(xí)前端可以按照路線圖的順序，0基礎(chǔ)學(xué)習(xí)前端是沒(méi)有問(wèn)題的，關(guān)鍵是找到靠譜的前端培訓(xùn)機(jī)構(gòu)，你可以深度了解機(jī)構(gòu)的口碑情況。

2 調(diào)整視口 代碼實(shí)例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動(dòng)端開(kāi)發(fā)實(shí)例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin。

16在body中設(shè)置minwidth760px，可以避免布局重疊現(xiàn)象。

步驟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。

html5網(wǎng)頁(yè)結(jié)構(gòu)布局標(biāo)簽 對(duì)于HTML5來(lái)講，在網(wǎng)頁(yè)結(jié)構(gòu)上標(biāo)簽定義與使用更加語(yǔ)義化，讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁(yè)的整個(gè)重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer。