1、網(wǎng)站導(dǎo)航條一般是使用ltul標(biāo)簽和ltli標(biāo)簽，在HTML5中新增ltnav標(biāo)簽，使用方法是在原來導(dǎo)航條最外側(cè)增加ltnavltnavltnav標(biāo)簽是語義標(biāo)簽，對布局中的樣式?jīng)]有任何影響，只是告訴搜索引擎和瀏覽器引擎這是導(dǎo)航區(qū)域相關(guān)；通過此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量等于導(dǎo)航欄目的個(gè)數(shù)，所有div要都重疊在一起在點(diǎn)擊事件函數(shù)中控制div的顯示和隱藏；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

2、3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12預(yù)覽，如下圖所示6首先去掉字體前面的小黑點(diǎn)代碼如下7預(yù)覽，如圖所示8接下；lttitlediv css3 側(cè)邊菜單導(dǎo)航欄titleltstyle type=quottextcssquot*margin0padding0liststyletypea，imgborder0bodyfont12px180% Arial， Helvetica， sansserif， quot微軟雅黑。

3、只寫了里面的，外面的不太好寫 lt！doctype htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle圓形導(dǎo)航lttitle ltlink rel=quotstylesheetquot href=quotcsscommoncssquot ltstyle type=quottextcss；HTML5+CSS3做一個(gè)后臺管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點(diǎn)擊三條杠，可以收起或展開側(cè)邊導(dǎo)航欄收起時(shí)，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語隱藏展開時(shí)圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語顯示；ltlilta href=quot#quot產(chǎn)品ltaltli ltlilta href=quot#quot聯(lián)系我們ltaltli ltulltnav 在上述示例中，ltnav標(biāo)簽包含了一個(gè)無序列表ltul，每個(gè)列表項(xiàng)ltli都是一個(gè)導(dǎo)航鏈接lta這樣可以在頁面中；html5 導(dǎo)航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認(rèn)地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat；建立三個(gè)網(wǎng)頁，一個(gè)作為主頁面，另外兩個(gè)子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代用jQuery方法來切換頁面，語言比較簡單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=；可以實(shí)現(xiàn)的，HTML5可以使用手機(jī)的GPS信息，利用百度等地圖的開放API就可以了HTML5中可以通過IP，WIFI信息，GPS，來實(shí)現(xiàn)地理定位，當(dāng)然相關(guān)精度也是有所不同，所以如果要精確導(dǎo)航就得使用GPS信息下面是一段HTML5結(jié)合百度地圖。

4、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)條；table將ul設(shè)置成displaytablecell即可5第三種方法就是使用displayinlineflex，css代碼如圖所示6這種方法的html是套用一個(gè)p即可如圖所示7然后將下圖中的css代碼寫入CSS文件中即可；key=v=11services=truequotltscript 3在網(wǎng)頁的ltbody之后lthtml之前插入地圖顯示代碼4設(shè)置顯示地圖的div的id為“dituContent”，即添加 id=quotdituContentquot由于jqm的div的高度都是根據(jù)內(nèi)容自由放大的，所以為了；HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來實(shí)現(xiàn)會用到css中的positionfixed屬性，結(jié)合來實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0。