同一網站的頭部和尾部通常是相同的,所有網頁只要共用頭部和尾部就可以使網頁的維護變得方便許多,只需要修改一個頁面就可以使全部網頁的頭部和尾部改變了,在這里我嘗試使用與課程相關的幾種不同方法來實現:
方法一:使用js,找一個html轉js的網站,然后把你頭部的html代碼轉化成js代碼。
然后在需要調用head文件代碼的地方添加<script language="JavaScript" type="text/javascript" src="js/header.js"></script>
這個地方src="js/header.js"的路徑是你head.js文件的路徑。
此方法可以正常顯示網頁內容:
這種方式的優點是方便,便於修改。缺點是由於搜索引擎讀不懂javascript文件,頭部文件和尾部文件搜索引擎無法收錄
方法二:使用iframe框架
制作一個共用頭部文件head.htm或一個共用底部文件foot.htm。使用時調用頭部和底部文件的方法是:在網頁代碼的開始位置和結束位置分別增加下面的代碼:
<iframe src="head.html" width="100%" height="auto" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
<iframe src="foot.html" width="100%" height="auto" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
對於這個方法, 不知道是不是我的打開方式不對,頭部顯示並不理想:只顯示了一條直線。。感覺並不推薦這種方法
方法三:使用ASP語言或者PHP語言
首先制作一個頭部文件head.php,或者一個底部文件foot.php。
如主頁是index.asp,調用頭部代碼是在index.asp文件代碼的開始位置(第一個標記后面,<head>標記前面)增加如下代碼:
<!– #include file=”head.php” –>
調用共用底部文件代碼是在index.asp文件代碼的結束位置(最后一個標記前面)增加如下代碼:
<!– #include file=”foot.php” –>
此方法有待嘗試。。