同一网站的头部和尾部通常是相同的,所有网页只要共用头部和尾部就可以使网页的维护变得方便许多,只需要修改一个页面就可以使全部网页的头部和尾部改变了,在这里我尝试使用与课程相关的几种不同方法来实现:
方法一:使用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” –>
此方法有待尝试。。