borderradius 5pxbehavior urlcssPIEhtcposition relativenav_bg lihover， nav_bg lion cursor pointerbackground #fffbordertop 1px #000 solidborderleft 1px #000 solid 本回答由提問者；代碼如下 以下為html5代碼，獲取地理位置 function getLocation 檢查瀏覽器是否支持地理位置獲取 if navigatorgeolocation 若支持地理位置獲取，成功調(diào)用showPosition，失敗調(diào)用showError alertquot正在。

iconfont內(nèi)容應(yīng)該是引一個字體文件設(shè)定相應(yīng)字體，i標(biāo)簽里的亂碼就是字體圖標(biāo)的編碼，如果在頁面上沒看出效果可以確認(rèn)下字體文件有沒有引好；adisplay blockahoverbackgroundurl#39紅色方框的圖png#39思路差不多就這樣，具體的代碼和圖自己搞定吧。

估計導(dǎo)航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部導(dǎo)航 windowonresizefunction var docheight = windowinnerHeight ifdocheig；HTML5是無法做這個事情的準(zhǔn)確點說應(yīng)該是用CSS的響應(yīng)式布局這個東西你可以去看一下bootstrap，這個前端框架就是大量利用了這個技術(shù)。

HTML5讓導(dǎo)航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運(yùn)行頁面時，滾動條；html5 導(dǎo)航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認(rèn)地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat。

html有以下幾個語義化標(biāo)記header元素header元素代表“網(wǎng)頁”或“section”的頁眉通常包含h1h6元素或hgroup，作為整個頁面或者一個內(nèi)容塊的標(biāo)題也可以包裹一節(jié)的目錄部分，一個搜索框，一個nav，或者任何相關(guān)logofooter元素；3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12預(yù)覽，如下圖所示6首先去掉字體前面的小黑點代碼如下7預(yù)覽，如圖所示8接下。

而HTML5不基于SGML，所以不需要引用DTD文檔結(jié)構(gòu)元素 ltarticle 定義可以獨立于內(nèi)容其余部分的完整獨立內(nèi)容塊ltheader 頁面頂部ltnav 導(dǎo)航欄邊導(dǎo)航，頁面導(dǎo)，底部導(dǎo)標(biāo)簽lthgroup 定義多個標(biāo)題時ltsection；你的截圖是banner切換圖 想要的效果是點擊圓點切換不同的圖片，還是切換當(dāng)前所在的頁面如果是切換當(dāng)前所在的頁面，你在圖片上加上鏈接不就可以了嗎。

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

建立三個網(wǎng)頁，一個作為主頁面，另外兩個子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代用jQuery方法來切換頁面，語言比較簡單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=；ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0*left0zindex1ltstyleltdiv class=quotfootmenuquot lt！導(dǎo)航具體內(nèi)容ltdiv。

HTML5+CSS3做一個后臺管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點擊三條杠，可以收起或展開側(cè)邊導(dǎo)航欄收起時，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語隱藏展開時圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語顯示。