HTML5是無法做這個事情的準確點說應該是用CSS的響應式布局這個東西你可以去看一下bootstrap，這個前端框架就是大量利用了這個技術；實現(xiàn)如圖21的網(wǎng)頁結構，這是一個非常典型的博客頁面頭部尾部水平導航欄側(cè)邊欄導航以及內(nèi)容圖21在圖21中已經(jīng)看到，相應標簽實現(xiàn)的區(qū)域用名稱標注了出來，比如頭部Header在編寫頁面前，有必要說一下頁面元素由HTML5實現(xiàn)，而元素的顯示效果是CSS3渲染的，CSS3的代碼可以和HTML5的代碼放在同一個文件，也可以。

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預覽，如下圖所示6首先去掉字體前面的小黑點代碼如下7預覽，如圖所示8；3 有個html css的基礎之后，可以學習js，js是很重要的一個部分，學到一定成熟之后，可以學習下jQuery ， 好多特效使用jquery實現(xiàn)起來還是比較容易的4 h5 ，h5如果不配合js的是是沒有咱們看到好多炫酷的效果5 如果自己不會代碼，可以去看下mugeda都是圖形化的操作界面，使用起來很直觀哦。

HTML5怎么把導航固定在底部的步驟如下css的定位樣式屬性來實現(xiàn)會用到css中的positionfixed屬性，結合來實現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0*left0zindex1ltstyleltdiv class=quotfootmenuquotlt！導航具體；html5網(wǎng)頁中廣泛使用垂直滾動，很多設計師都喜歡使用這種設計將一些動畫效果與垂直滾動導航相結合，可以達到一種新的視覺效果我們來看看電裝品牌網(wǎng)站官網(wǎng)，里面融合了很多特效 以上導航方式各有利弊，但不管是哪一種，導航既然是導航，就應該起到快速便捷找到用戶需要的東西的作用，提高網(wǎng)站的可用性和可操作性不是花哨。

html左側(cè)導航右側(cè)內(nèi)容

1、aside元素用來表示當前頁面或文章的附屬信息部分，它可以包含與當前頁面或主要內(nèi)容相關的引用側(cè)邊欄廣告導航條，以及其它類似的有別與主要內(nèi)容的部分aside元素主要有以下兩種使用方法 1被包含在article元素中作為主要內(nèi)容的附屬信息部分，其中的內(nèi)容可以是與當前文章有關的相關資料名次解釋，等等lt。

2、lt！doctype html lthtml lthead lttitle導航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框?qū)挾? width 150px nav ul margin 0padding 0 nav ul li liststyle display blockborder 1px solid #000000boxsizing。

3、如何設置導航欄導航欄是網(wǎng)站的重要組成部分，能夠為用戶提供方便的導航和瀏覽下面介紹如何設置導航欄確定導航欄的位置首先需要確定導航欄的位置，一般來說，導航欄可以放在網(wǎng)頁的頂部側(cè)邊或底部在選擇導航欄的位置時，需要考慮用戶的習慣，一般來說，頂部導航欄是最常見的，因為用戶習慣于在網(wǎng)頁頂部。

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

html5 左側(cè)導航 右側(cè)內(nèi)容

4添加標簽 HTML5提供的元素標簽用來表示當前頁面或文章的附屬信息部分，可以包含與當前頁面或主要內(nèi)容相關的引用側(cè)邊欄廣告nav元素組，以及其他類似的有別與主要內(nèi)容的部分根據(jù)目前的規(guī)范，元素有兩種使用方法被包含在中作為主要內(nèi)容的附屬信息部分，其中的內(nèi)容可以是與當前文章有關的引用詞匯。

通常作為頁面導航的鏈接組 側(cè)邊欄導航 使用頻率高代碼如下ltnav ltul ltlilta href=quotquot菜單1ltaltli ltlilta href=quotquot菜單2ltaltli ltlilta href=quotquot菜單3ltaltli ltul ltnav aside aside 標簽，從語義化上看為在旁邊側(cè)邊，其用法如下在 article 標簽中。

相反，側(cè)邊導航lt則適用于擁有大量鏈接的復雜產(chǎn)品，它提供了擴展和個性化定制的可能設計風格是導航條的點睛之筆，常見的包括扁平化陰影懸浮色彩填充深色風格和透明風格扁平風格通過與背景無縫融合，展現(xiàn)出簡約之美陰影懸浮則通過增加立體感，增強與頁面內(nèi)容的區(qū)分度色彩填充則通過高級色調(diào)提升。

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

5CSS3 動畫CSS3應該是動畫家族里絕對不會被遺忘的一名成員這里我們定義它為 擅長于平面層的動畫CSS3的缺陷應該在于它的部分屬性還沒有被瀏覽器有好的支持關于動畫的應用和基礎屬性介紹在之前也已經(jīng)介紹過了，如果小伙伴們忘記了，可以點擊下面的鏈接去從新溫習一下這里說個題外話， 如何高質(zhì)。