css實現(xiàn),無論body內(nèi)容是否已滿,footer都應該會在下面

成都地區(qū)優(yōu)秀IDC服務器托管提供商(創(chuàng)新互聯(lián)).為客戶提供專業(yè)的德陽電信服務器托管,四川各地服務器托管,德陽電信服務器托管、多線服務器托管.托管咨詢專線:13518219792
position:absolute;
bottom: 0px;
left:0px;
新增加的header、footer標簽主要用于表現(xiàn)DOM的語義
沒有特殊的樣式
在HTML5之前,不論是header還是body或footer都需要用div來表達
而HTML5的新標簽可以直接用header、article、footer這些清晰明了的標簽來表達,使文檔的結(jié)構(gòu)更清晰,以前設(shè)計時還要div然后id="container"這一類的屬性,現(xiàn)在可以用一個article等類似標簽來表現(xiàn),作用于DIV一樣,只是更方便
這種應該是fixed效果(設(shè)置某一模塊固定在瀏覽器底部,頁面滾動的時候也是),如果是我說的效果可以通過css設(shè)置:
position: fixed;
bottom:0;
left:0;
width:100%;
這里要注意,設(shè)置fixed的元素要記得設(shè)置寬度。如果要考慮低級的ie瀏覽器,就要加上css表達式實現(xiàn),因為ie6不支持fixed屬性。
vue.js 把footer寫成一個模塊,然后需要的頁面就加載這個模塊。
如果你想了解更多可以度娘一下
footer標簽只是定義了一個語義元素,但具體要渲染在哪個位置,還需要你自己處理
html有以下幾個語義化標記
header元素
header 元素代表“網(wǎng)頁”或“section”的頁眉
通常包含h1-h6元素或hgroup,作為整個頁面或者一個內(nèi)容塊的標題。也可以包裹一節(jié)的目錄部分,一個搜索框,一個nav,或者任何相關(guān)logo。
footer元素
footer元素代表“網(wǎng)頁”或“section”的頁腳,通常含有該節(jié)的一些基本信息,譬如:作者,相關(guān)文檔鏈接,版權(quán)資料。如果footer元素包含了整個節(jié),那么它們就代表附錄,索引,提拔,許可協(xié)議,標簽,類別等一些其他類似信息。
hgroup元素
hgroup元素代表“網(wǎng)頁”或“section”的標題,當元素有多個層級時,該元素可以將h1到h6元素放在其內(nèi),譬如文章的主標題和副標題的組合
nav元素
nav元素代表頁面的導航鏈接區(qū)域。用于定義頁面的主要導航部分
aside元素
aside元素被包含在article元素中作為主要內(nèi)容的附屬信息部分,其中的內(nèi)容可以是與當前文章有關(guān)的相關(guān)資料、標簽、名次解釋等。(特殊的section)
section元素
section元素代表文檔中的“節(jié)”或“段”,“段”可以是指一篇文章里按照主題的分段;“節(jié)”可以是指一個頁面里的分組
article元素
article元素最容易跟section和div容易混淆,其實article代表一個在文檔,頁面或者網(wǎng)站中自成一體的內(nèi)容,其目的是為了讓開發(fā)者獨立開發(fā)或重用。譬如論壇的帖子,博客上的文章,一篇用戶的評論,一個互動的widget小工具。(特殊的section)
address元素
address代表區(qū)塊容器,必須是作為聯(lián)系信息出現(xiàn),郵編地址、郵件地址等等,一般出現(xiàn)在footer。
分享標題:html5footer,html5footer標簽
標題來源:http://chinadenli.net/article9/dsgioih.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)