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

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

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

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

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

2、lt！doctype html lthtml lthead lttitle導(dǎo)航條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、如何設(shè)置導(dǎo)航欄導(dǎo)航欄是網(wǎng)站的重要組成部分，能夠?yàn)橛脩籼峁┓奖愕膶?dǎo)航和瀏覽下面介紹如何設(shè)置導(dǎo)航欄確定導(dǎo)航欄的位置首先需要確定導(dǎo)航欄的位置，一般來說，導(dǎo)航欄可以放在網(wǎng)頁的頂部側(cè)邊或底部在選擇導(dǎo)航欄的位置時(shí)，需要考慮用戶的習(xí)慣，一般來說，頂部導(dǎo)航欄是最常見的，因?yàn)橛脩袅?xí)慣于在網(wǎng)頁頂部。

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

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

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

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

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

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

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