首先你設(shè)置的這些都是不對(duì)的，你要先檢查的是你是不是設(shè)置了固定高，如果是，在控制臺(tái)把固定高去掉查看效果，如果沒(méi)有設(shè)置固定高，檢查有沒(méi)有邊距合并問(wèn)題，很有可能是受到邊距合并的影響，或者檢查父級(jí)有沒(méi)有設(shè)置了；HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來(lái)實(shí)現(xiàn)會(huì)用到css中的positionfixed屬性，結(jié)合來(lái)實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0；用Font Awesome引入一個(gè)心形，并用css設(shè)置為紅色，再用css3關(guān)鍵幀動(dòng)畫(huà)使其放大縮小 這是從官網(wǎng)瓢來(lái)的源代碼請(qǐng)確認(rèn)已引入Font Awesomelti class=quotfa faheartquot style=quotfontsize48pxcolorredanimationicon；只需要做好樣式，隱藏顯示就好了。

底部鏈接等， 這些只要使用一些新的標(biāo)簽下面是一張html5概念圖1ltheader 網(wǎng)站頭部標(biāo)簽 2ltnav 導(dǎo)航標(biāo)簽 3ltarticle 內(nèi)容標(biāo)簽 4ltsection 文章標(biāo)簽 5ltaside 側(cè)邊欄 6ltfooter 網(wǎng)站底部標(biāo)簽；html有以下幾個(gè)語(yǔ)義化標(biāo)記header元素header元素代表“網(wǎng)頁(yè)”或“section”的頁(yè)眉通常包含h1h6元素或hgroup，作為整個(gè)頁(yè)面或者一個(gè)內(nèi)容塊的標(biāo)題也可以包裹一節(jié)的目錄部分，一個(gè)搜索框，一個(gè)nav，或者任何相關(guān)logofooter元素fo；給按鈕外面套一層容器，然后將該容器設(shè)置為positionfixedbottom0left0ie6的話，設(shè)置positionabsolute這里的top或者bottom都要用js去計(jì)算了；css實(shí)現(xiàn)，無(wú)論body內(nèi)容是否已滿，footer都應(yīng)該會(huì)在下面 positionabsolutebottom 0pxleft0px。

而HTML5不基于SGML，所以不需要引用DTD文檔結(jié)構(gòu)元素 ltarticle 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊ltheader 頁(yè)面頂部ltnav 導(dǎo)航欄邊導(dǎo)航，頁(yè)面導(dǎo)，底部導(dǎo)標(biāo)簽lthgroup 定義多個(gè)標(biāo)題時(shí)ltsection；HTML5結(jié)構(gòu)元素 新增了更具語(yǔ)義化的標(biāo)簽，比如ltheader表示頁(yè)面的頭部，ltfooter表示底部，ltnav表示一個(gè)鏈接導(dǎo)航集合等這種標(biāo)簽將有利于搜索引擎的索引整理小屏幕裝置和視障人士使用HTML5 交互元素 我們上面說(shuō)過(guò)；這個(gè)應(yīng)該是去不掉，因?yàn)楫吘故敲赓M(fèi)的，這就相當(dāng)于是一個(gè)版權(quán)或者水印了，也是宣傳的一種手段。

萬(wàn)維網(wǎng)的核心語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下超文本標(biāo)記語(yǔ)言HTML的第五次重大修訂這是推薦標(biāo)準(zhǔn)，外文原文W3C推薦，參考原文見(jiàn)此處2014年10月29日，萬(wàn)維網(wǎng)聯(lián)盟宣布，經(jīng)過(guò)近8年的努力，標(biāo)準(zhǔn)規(guī)范終于制定完成HTML5草案的；html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等lt。

Html5新增了27個(gè)元素，廢棄了16個(gè)元素，根據(jù)現(xiàn)有的標(biāo)準(zhǔn)規(guī)范，把HTML5的元素按優(yōu)先級(jí)定義為結(jié)構(gòu)性屬性級(jí)塊性元素行內(nèi)語(yǔ)義性元素和交互性元素4大類(lèi)結(jié)構(gòu)性元素主要負(fù)責(zé)web上下文結(jié)構(gòu)的定義 section在web頁(yè)面應(yīng)用中，該；找到其中的meta，加入viewportfit=cover ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，viewportfit=coverquot 這句話的作用就是在適配手機(jī)型號(hào)的時(shí)候，能夠自動(dòng)補(bǔ)齊安全區(qū)域safe area以后的區(qū)。

可以通過(guò)更改#document片段的CSS來(lái)實(shí)現(xiàn)這一點(diǎn)，這些是DOM1規(guī)范，所有瀏覽器都支持以下解決方案是特定于webkit的 videowebkitmediacontrolsfullscreenbutton display videowebkitmediacontrolsplayb；HTML5代碼新增了不少新元素，整理了下，這些標(biāo)簽應(yīng)該對(duì)SEO還是比較有影響的，適當(dāng)運(yùn)用，也許對(duì)SEO優(yōu)化是有很大好處的結(jié)構(gòu)上的 ltheader定義了站點(diǎn)的頭部信息，也就是頁(yè)眉，一般放置網(wǎng)站的站點(diǎn)名稱(chēng)以及LOGO和導(dǎo)航欄搜索引擎。