正確的（行業標準）設置頁腳的方法

Question

什麼是創建頁腳div的正確方法，我通常使用下面的代碼來設置我的頁腳div，我想知道footer div是如何用行業標準明智地編碼的。我將如何設置頁腳，以便在內容填滿時它可以進入屏幕的底部。

這裏是我的HTML：

<div id="wrapper"> 
    <div id="header"></div> 
    <div id="content"></div> 
    <div id="footer"></div> 
</div> 

這裏是我的CSS：

html { 
    background:white; 
    height:100%; 
} 
#wrapper { 
    width:960px; 
    margin-right:auto; 
    margin-left:auto; 
} 
#header { 
    background:#000000; 
    min-height:30px; 
} 
#content { 
    background:orange; 
    min-height:500px; 
    padding:20px; 
} 
#footer { 
    clear:both; 
    background:black; 
    min-height:30px; 
    position:relative; 
} 

Answer 1

如果你使用任何HTML版本低於5，那麼是不是真的有一個標準，什麼你做的和其他許多佈局一樣好（儘管我總是使用類和從不使用ID - but that's a different topic）

如果你使用的是HTML5，應該使用頁腳標籤。

當使用HTML5，這裏的佈置您的網頁更標準的方法：

<header><nav></nav></header> 
<main></main> 
<footer></footer> 

對HTML5佈局的更多信息，請訪問：

http://www.developer.com/lang/understanding-the-proper-way-to-lay-out-a-page-with-html5.html

https://www.smashingmagazine.com/2009/08/designing-a-html-5-layout-from-scratch/