2、在你说的多个html页面引入即可
示例:index.html文件引入公用头部header.html
在index.html文件开始加入:<include file="header.html" />
file内填写的是你需要引入的文件的详细地址,可以是相对地址,也可以是绝对地址!
头部和尾部调用,如果仅仅为静态HTML的话,只能采用框架。\x0d\x0a如果采用动态语言,则可以用服务器端包含,把头部和尾部文件调用进来。\x0d\x0a这种包含方式是ASP动态语言的。\x0d\x0aASP的运行需要服务器的支持。不能直接在本地用浏览器浏览。但是可以在本地搭建一个ASP服务器,然后运行。网络上也有ASP本地测试工具,把该文件放到ASP站点的根目录下双击运行就可以浏览ASP网页了。需要用iframe标签
先把用到的标签样式写出来再分析
<!DOCTYPE>
<html>
<head>
</head>
<body>
<iframe src="top.html" width="100%" height="464" scrolling="no"></iframe>
<iframe src="main.html" width="100%" height="800" scrolling="no"></iframe>
<!-- 其实这里应该是主体展示的内容,不同页面不一样,我们现在只把头部和底部单独拿出来讲解分析 -->
<iframe src="foot.html" width="100%" height="147" scrolling="no"></iframe>
</body>
</html>
一、我们看一下多个html文件
这里,把头部top.html和底部foot.html两个单独写出来了,接下来就是如何把他们都写在index.html里面,确保在浏览首页的时候,页面调取正常
二、再看一下写在index.html里的位置和样式
中间是主体展示内容
三、需要注意的就是,调取top.html和foot.html的时候要给width值和height值
不然,默认只会调出来左上角的一小块内容
总结一下:
单独的top.html和foot.html里面的样式,页要保证完整性,截图说明
要确保这样的结构正常,而不是单单红框里的内容