1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調(diào)整文本間距按F12。

在HTML5頁面中，經(jīng)常使用ltnav標簽來充當導航的結(jié)構(gòu)化標簽ltnav標簽用于定義頁面的導航部分，通常包含導航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標記頁面的導航內(nèi)容，使得搜索引擎和輔助技術能夠更好地理解和處理導航部。

1，首先在html中，添加良好的導航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運行頁面時，滾動條滾動后導航將消失5，為了將導航欄固定在頂部，可以添加樣式。

可以實現(xiàn)的，HTML5可以使用手機的GPS信息，利用百度等地圖的開放API就可以了HTML5中可以通過IP，WIFI信息，GPS，來實現(xiàn)地理定位，當然相關精度也是有所不同，所以如果要精確導航就得使用GPS信息下面是一段HTML5結(jié)合百度地圖。

建立三個網(wǎng)頁，一個作為主頁面，另外兩個子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代用jQuery方法來切換頁面，語言比較簡單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=。

HTML5怎么把導航固定在底部的步驟如下css的定位樣式屬性來實現(xiàn)會用到css中的positionfixed屬性，結(jié)合來實現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0。

html5 導航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認地理位置設置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat。

導航欄下面放一個Div，專門用來顯示對應導航欄目的內(nèi)容點擊導航欄觸發(fā)點擊事件，在事件函數(shù)中獲取點擊的欄目id，通過此id確定往div中添加那個內(nèi)容可以用divinnerHTML來更新div顯示的內(nèi)容或者，導航欄下面放置多個Div，數(shù)量。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot lttitleDocumentlttitle ltstyle padding 0margin 0。

建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

一般來說導航欄是放在一個網(wǎng)頁里的，然后所有的網(wǎng)頁都以調(diào)用的方式在頂部添加這個網(wǎng)頁這樣，更改這個網(wǎng)頁，其他網(wǎng)頁也相應顯示更改后的樣子了以tophtml為例，在indexhtml首頁就以lt！#include file=quottophtmlquot。

修改的就是那些top之類的，如下所示從第一個變成第二個ltdiv class=quotnavbarsquot style=quottop 44pxquot ltnav role=quotmainquot class=quotquot style=quotmargintop 20px marginleft 20px marginright 20px。

兩種方式一種給DIV設置背景圖片，背景圖片可以設計成圓角適用范圍廣建議使用這一種方法另一種用CSS3技術，設置webkitborderradius10pxmozborderradius10pxborderradius 15px只能在最新的瀏覽。

排版的時候?qū)Ш綏l和logo在一個盒子模型內(nèi)，也就是一個div內(nèi)，分別定義logo和導航的寬度，然后浮動即可。

很簡單啊，右邊放一個iframe框架，name值＝自定義昵稱，然后左邊鏈接里加上target=框架name的名稱，如ltiframe scr=quoturlquot name=abc，那么你左邊導航的鏈接里lta herf=#39#39 target=quotabcquot，這樣左邊的鏈接就會顯示在右邊的。

只寫了里面的，外面的不太好寫 lt！doctype htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle圓形導航lttitle ltlink rel=quotstylesheetquot href=quotcsscommoncssquot ltstyle type=quottextcss。