1、1，將文件后綴改為html 2右鍵，打開(kāi)方式為瀏覽器；建立三個(gè)網(wǎng)頁(yè)，一個(gè)作為主頁(yè)面，另外兩個(gè)子頁(yè)面作為切換頁(yè)面嵌入主頁(yè)面，子頁(yè)面也可以用文字替代用jQuery方法來(lái)切換頁(yè)面，語(yǔ)言比較簡(jiǎn)單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=；HTML5中的新元素標(biāo)簽ltnav用來(lái)將具有導(dǎo)航性質(zhì)的鏈接劃分在一起，使代碼結(jié)構(gòu)在語(yǔ)義化方面更加準(zhǔn)確，同時(shí)對(duì)于屏幕閱讀器等設(shè)備的支持也更好一直以來(lái)，我們習(xí)慣于使用形如ltdiv id=quotnavquot或ltul id=quotnavquot這樣的代碼來(lái)寫。

2、建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動(dòng)，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用CSShtml5如何做到點(diǎn)擊導(dǎo)航欄切換頁(yè)面導(dǎo)航欄下面放一個(gè)Div，專門用來(lái)顯示對(duì)應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件；網(wǎng)站導(dǎo)航條一般是使用ltul標(biāo)簽和ltli標(biāo)簽，在HTML5中新增ltnav標(biāo)簽，使用方法是在原來(lái)導(dǎo)航條最外側(cè)增加ltnavltnavltnav標(biāo)簽是語(yǔ)義標(biāo)簽，對(duì)布局中的樣式?jīng)]有任何影響，只是告訴搜索引擎和瀏覽器引擎這是導(dǎo)航區(qū)域相關(guān)；HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來(lái)實(shí)現(xiàn)會(huì)用到css中的positionfixed屬性，結(jié)合來(lái)實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0。

3、adisplay blockahoverbackgroundurl#39紅色方框的圖png#39思路差不多就這樣，具體的代碼和圖自己搞定吧；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)航欄固定在頂部，可以添加樣式；可以實(shí)現(xiàn)的，HTML5可以使用手機(jī)的GPS信息，利用百度等地圖的開(kāi)放API就可以了HTML5中可以通過(guò)IP，WIFI信息，GPS，來(lái)實(shí)現(xiàn)地理定位，當(dāng)然相關(guān)精度也是有所不同，所以如果要精確導(dǎo)航就得使用GPS信息下面是一段HTML5結(jié)合百度地圖；在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)航部。

4、估計(jì)導(dǎo)航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部導(dǎo)航 windowonresizefunction var docheight = windowinnerHeight ifdocheig；html5 導(dǎo)航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認(rèn)地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat；1用Dreamweaver創(chuàng)建一個(gè)新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12；l 導(dǎo)航菜單響應(yīng)式設(shè)計(jì) l 團(tuán)隊(duì)推薦書(shū) 4 TinosTinos是一個(gè)高級(jí)預(yù)訂酒店的HTML模板，該模板不是多功能的，是專為酒店，度假村和客房預(yù)訂而設(shè)計(jì)和開(kāi)發(fā)的單屏固定模板Tinos有兩種版本，即Dark使用Bootstrap創(chuàng)建，具有完全響應(yīng)。