1、建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；在HTML5頁面中，經(jīng)常使用ltnav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標(biāo)記頁面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航部；導(dǎo)航欄下面放一個(gè)Div，專門用來顯示對應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件函數(shù)中獲取點(diǎn)擊的欄目id，通過此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量。

2、然后可以通過Jquery的toggleClass#39active#39來實(shí)現(xiàn)切換 translate 比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過渡transitionleft 03s 然后讓class為menu active的元素設(shè)置；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；在HTML5之前，開發(fā)者通常使用 標(biāo)簽配合CSS來創(chuàng)建網(wǎng)站的導(dǎo)航欄這種方法雖然靈活，但卻沒有明確的語義含義，搜索引擎和輔助技術(shù)如屏幕閱讀器在解析頁面結(jié)構(gòu)時(shí)可能會(huì)遇到困難而標(biāo)簽的引入解決了這個(gè)問題，它明確地告訴瀏覽；HTML5讓導(dǎo)航欄固定頂部不動(dòng)且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁面時(shí)，滾動(dòng)條。

3、html5 導(dǎo)航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認(rèn)地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat；HTML5+CSS3做一個(gè)后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點(diǎn)擊三條杠，可以收起或展開側(cè)邊導(dǎo)航欄收起時(shí)，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語隱藏展開時(shí)圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語顯示。

4、CSS left 屬性用來指定被定位元素左側(cè)邊緣的位置該屬性定義了被定位元素左側(cè)外邊距邊界與其包含塊元素左側(cè)邊界之間的偏移left是一個(gè)偏移屬性，偏移屬性用于指定一個(gè)被定位元素的精確位置，對于static的元素沒有效果要使用；HTML5是無法做這個(gè)事情的準(zhǔn)確點(diǎn)說應(yīng)該是用CSS的響應(yīng)式布局這個(gè)東西你可以去看一下bootstrap，這個(gè)前端框架就是大量利用了這個(gè)技術(shù)。

5、為了描述此基于 JavaScript 的導(dǎo)航系統(tǒng)，我們考慮以下 傳統(tǒng)的按頁面左側(cè)導(dǎo)航系統(tǒng)它使用幾個(gè) HTML5 語義元素傳統(tǒng)的左側(cè)導(dǎo)航 Traditional Left Nav #leftNav borderright 1px grey dashed width 95em mar；首先打開SublimeText軟件，新建一個(gè)html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時(shí)候；很簡單啊，右邊放一個(gè)iframe框架，name值＝自定義昵稱，然后左邊鏈接里加上target=框架name的名稱，如ltiframe scr=quoturlquot name=abc，那么你左邊導(dǎo)航的鏈接里lta herf=#39#39 target=quotabcquot，這樣左邊的鏈接就會(huì)顯示在右邊的；我相信一個(gè)好的導(dǎo)航是整個(gè)網(wǎng)站成功的重要一步設(shè)計(jì)師根據(jù)不同網(wǎng)站的需求設(shè)計(jì)不同的導(dǎo)航，做到這一步并不容易學(xué)無止境讓我們加入設(shè)計(jì)師的行列 Html5網(wǎng)頁簡潔導(dǎo)航欄制作？ 1我們以下圖所示的導(dǎo)航欄為標(biāo)準(zhǔn)來制作一個(gè)導(dǎo)航欄。

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