html 引入一個公共的頭部和底部
阿新 • • 發佈：2018-11-22
一、asp語言和PHP語言
首先製作一個頭部檔案head.asp，或者一個底部檔案foot.asp。如主頁是index.asp，呼叫頭部程式碼是在index.asp檔案程式碼的開始位置（第一個標記後面，<head>標記前面）增加如下程式碼：
<!– #include file="head.asp" –> 如果是PHP檔案，檔名改為 head.php即可
二、html語言（使用iframe框架來實現）
<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="head.htm" height="auto" width="100%"> </iframe>
三、script語言（使用.js指令碼來實現）
建立一個head.js的檔案，找一個html轉js的網站，然後把你頭部的html程式碼轉化成js程式碼，並放在head.js檔案裡面。然後在需要呼叫head檔案程式碼的地方新增如下程式碼：
轉換工具：http://tool.chinaz.com/Tools/Html_Js.aspx
<script language="javascript" type="text/javascript" src="js/head.js"></script>四、jQuery的load函式
需要注意的是，此時的header.html或footer.html不需要是完整的HTML，這裡新增標籤內內容即可
/*匯入頭部和尾部*/
$(document).ready(function(){
$(".header").load("ssi/header.html");
});五、HTML中執行include file
web伺服器（比如IIS）中設定包含
<!--#include file="header.htm" -->使用ssi技術頁面生成shtml檔案，只用在頭部檔案位置加入如上述程式碼，然後修改的時候只要修改header.htm檔案就可以了。
**使用shtml的好處是對搜尋引擎比較友好，需要處理的檔案在伺服器端完成的， 不會加重訪問者的瀏覽器負擔。
SSI（Server Side Include)，通常稱為"伺服器端嵌入"或"伺服器端包含"，是一種類似於ASP的基於伺服器的網頁製作技術。預設副檔名是 .stm、.shtm 和 .shtml。SSI就是在HTML檔案中，可以通過註釋行呼叫的命令或指標，SSI具有 強大的功能，只要使用一條簡單的SSI命令就可以實現整個網站的內容更新，時間和日期的動態顯示，以及執行shell和CGI指令碼程式等複雜的功能