1、如果單單說(shuō)頁(yè)面結(jié)構(gòu)，不介紹新的特性功能的話，人見(jiàn)解，最大的變化恐怕是語(yǔ)意化了，html5增加了了很多語(yǔ)意化標(biāo)簽，比如headerfooternav等等這些標(biāo)簽有利于讓瀏覽器或者蜘蛛搜索引擎更好理解你的頁(yè)面想表達(dá)的內(nèi)容；1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條滾動(dòng)后導(dǎo)航將消失5，為了將導(dǎo)航欄固定在頂部，可以添加樣式；3首先點(diǎn)擊我的場(chǎng)景接著點(diǎn)擊制作場(chǎng)景，接著會(huì)進(jìn)入場(chǎng)景模板選擇界面，里面有很多免費(fèi)的模板4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5進(jìn)入后就可以根據(jù)自己的；在h5中，你body的width和height木有固定在不同分辨率的手機(jī)上body的width和height是不一樣的就是橫屏和豎屏。

2、3也可以根據(jù)自己的需求對(duì)手機(jī)頁(yè)面中的各個(gè)模塊進(jìn)行修改，選擇這個(gè)手機(jī)頁(yè)面上的元素，就可以在右面的編輯框中進(jìn)行各種修改4可以更改這個(gè)元素的圖形，直接從自己的手機(jī)當(dāng)中選擇一幅圖片來(lái)替換原來(lái)手機(jī)模板當(dāng)中的圖片5還；首先我們先打開(kāi)自己的DreamWeaver軟件，新建一個(gè)html5頁(yè)面，然后命名，保存然后我們先進(jìn)行簡(jiǎn)單的頁(yè)面布局在body部分加入一個(gè)div，里面添加ul和li的嵌套我們?cè)趌i標(biāo)簽中添加部分內(nèi)容，并設(shè)置其寬度為100%，即充滿整個(gè)屏幕；用iphone調(diào)試html5頁(yè)面的方法如下1打開(kāi)手機(jī)web檢查器通過(guò)設(shè)置Safari高級(jí)Web檢查器打開(kāi)見(jiàn)下圖點(diǎn)擊查看大圖，并且你會(huì)看到該選項(xiàng)下面對(duì)電腦操作的相應(yīng)描述，照做就好2 連接電腦Mac1。

3、1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以?xún)?nèi)時(shí)；簡(jiǎn)單快捷的H5制作工具的話，可能更偏向于模板，但是模板的話會(huì)有一些固定的版式，僅僅適用于翻頁(yè)或者是加動(dòng)畫(huà)，作為現(xiàn)在這種H5相對(duì)成熟的階段來(lái)說(shuō)，其實(shí)已經(jīng)不是特別適用了，建議你還是用一些比較專(zhuān)業(yè)的工具來(lái)做像我自己再用的。

4、HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來(lái)實(shí)現(xiàn)會(huì)用到css中的positionfixed屬性，結(jié)合來(lái)實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0；要想 input 把固定在 img 上，要運(yùn)用點(diǎn)小技巧，借助一個(gè) div 作為容器，然后，圖片沒(méi)有特殊要求不用動(dòng)，input 做絕對(duì)定位 htmlltdiv class=quotboxquotltimg src=quottestjpgquot ltinput type=quottextquot ltdiv CSS；fixed表示指定的背景是永遠(yuǎn)固定的，即背景圖片不隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)ltstyle body backgroundposition center背景居中 backgroundrepeat norepeat無(wú)重復(fù) backgroundattachment fixed固定不動(dòng) ltstyl；然而并不能固定\r\n分辨率由顯示器決定只能通過(guò)CSS來(lái)決定頁(yè)面的寬度尺寸\r\n當(dāng)你用1024*768的顯示器時(shí)，你會(huì)發(fā)現(xiàn)頁(yè)面很大\r\n但你用1920*1080的顯示器時(shí)就會(huì)發(fā)現(xiàn)頁(yè)面變小了\r\n其實(shí)頁(yè)面的尺寸還是一樣的。

5、因此H5在國(guó)內(nèi)互聯(lián)網(wǎng)圈涵蓋的范圍極大，凡是使用了H5技術(shù)的網(wǎng)頁(yè)微信頁(yè)面等頁(yè)面都可以被稱(chēng)為H5H5技術(shù)也不僅僅局限于單純的HTML5了，涵蓋了HTML5CSS3JavaScript等一系列前端技術(shù)那么近年來(lái)很火的H5頁(yè)面微信H5又是什么；1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable。