html里怎么引用一个html的头部

html-css013

html里怎么引用一个html的头部,第1张

1、新建一个header.html头部文件

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里面的样式,页要保证完整性,截图说明

要确保这样的结构正常,而不是单单红框里的内容