html 如何引入一個公共的頭部和底部

<!–  #include file=”head.asp”    –>

如果是PHP文件，文件名改爲 head.php即可

使用框架來實現

<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”head.htm” height=“auto” width="100%"></iframe>

以前人們常常使用靜態frame框架來做首尾(一般不是iframe)。現在越來越少見了。主要因爲設計網頁相對比較困難，而且還增加了連接數,佔用線程較多，速度慢，而且也不利於搜索引擎的對頭尾的收錄

使用.js腳本來實現

建立一個head.js的文件，找一個html轉js的網站，然後把你頭部的html代碼轉化成js代碼，並放在head.js文件裏面。然後在需要調用head文件代碼的地方添加

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

這個地方src="js/head.js"的路徑是你head.js文件的路徑

html轉換爲JS:

document.writeln("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
document.writeln("<html xmlns=\"http://www.w3.org/1999/xhtml\">");
document.writeln("<head>");
document.writeln("<style>");
document.writeln("</style>");
document.writeln("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />");
document.writeln("<title></title>");
document.writeln(" <link href=\'head.css\'  rel=\"stylesheet\" type=\"text/css\" />");
document.writeln("</head>");
document.writeln("<body >");
document.writeln(" <div class=\'miaov_head\'>");
document.writeln("    <ul>");
document.writeln("      <li><a href=\"http://www.cnblogs.com/jtjds/\">Mac</a></li>");
document.writeln("      <li><a href=\"http://www.cnblogs.com/jtjds/\">iPhone</a></li>");
document.writeln("    </ul>");
document.writeln("</div>");
document.writeln(" ");
document.writeln("</body>");
document.writeln("</html>");
document.writeln("");

以後無論在哪個頁面，想調用該頭部文件，直接插入head.js文件即可

這種方式的優點是方便，便於修改。缺點是由於搜索引擎讀不懂javascript文件，頭部文件和尾部文件搜索引擎無法收錄，而且js文件過大會加重訪問者的瀏覽器負擔，影響訪問速度