一、多個網頁共用相同網頁頭部和尾部方法（以尾部為例且以下方式的普適性有待考證）：

1.寫一個規範的html結構網頁（html head body），並按需求編寫網頁尾部html結構。

2.編寫對應css樣式，除去字型大小，顏色搭配等，需特別注意尾部理應永遠顯示在網頁的最下端，設定如下，分兩種情況：

1>如果網頁很短即沒有上下的滾動條：

html,body{

    margin: 0;

    padding: 0;

    height: 100%;

}

.footer {

    position: absolute; /*相對於父元素contanier定位*/

    width: 100%;

    bottom: 0px;/*始終距離它的父元素的底部為0px.則是處於父元素的最底*/

    left:0px;

}

2>如果網頁頁面較長 1> 中的.footer position屬性應設為relative。

3.將編寫好的網頁（含html，css）轉成js。

4.在其他網頁中引用即可，方式為：

<script type="text/javascript" src="js/footer.js"></script>             

其中src為引用路徑。

共用頭部的方法相對尾部來說較為簡單，因為不用設定頭部的位置css讓它出現在網頁的最上方，只需要保證引用時引用語句位於網頁body的最上方。 

---------------------------------------分割線------------------------------------------------

按1. 2>中所述設定好後，還需要把頁面內容裝進<div class="container"></div>中（footer在此div外），然後調整container高度使之與內容高度適配，也就是使container撐開頁面後是footer位於頁面底端。

還沒有實現寫好一個footer後轉為js，在其他頁面引用時無論頁面長短自動適配位於頁面底端><.