如何在HTML不同的页面中,共用头部与尾部?

一、asp语言

首先制作一个头部文件head.asp,或者一个底部文件foot.asp。如主页是index.asp,调用头部代码是在index.asp文件代码的开始位置(第一个标记后面,<head>标记前面)增加如下代码:

<!–#include file=”head.asp”–>
调用共用底部文件代码是在index.asp文件代码的结束位置(最后一个标记前面)增加如下代码:

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

二、html语言

制作一个共用头部文件head.htm或一个共用底部文件foot.htm。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:

<iframe MARGINWIDTH=0
MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
src=”head.htm” height=120 width=1024></iframe>

<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
SCROLLING=no src=”foot.htm” height=120 width=1024></iframe>

三、script语言
制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>
调用共同的网页头部或者网页底部,减少了每个页面都要编写头部或底部的复杂程度,而且方便修改,只要修改一个头部或者底部文件,所有页面的头部或者底部都随之改变,增加了工作效率。

四:shtml文件

1:使用ssi技术页面生成shtml文件,只用在头部文件位置加入<!--#include file="header.htm" -->,然后修改的时候只要修改header.htm文件就可以了。使用shtml的好处是对搜索引擎比较友好,需要处理的文件在服务器端完成的, 不会加重访问者的浏览器负担。

时间: 2024-10-10 23:00:42

如何在HTML不同的页面中,共用头部与尾部?的相关文章

网站中公用头部与尾部

一.html 1. <iframe src="1.html" frameborder="0"></iframe> 2. <embed src="1.html"/> 二.写公用的js 文件,js中写字divde符串,然后在需要的页面适当位置引入公用的js. 三.ajax动态拉取填充 四.后端语言(include操作) 五.前端框架(vue)

用phpcms如何将静态页面制作成企业网站,头部加尾部

首先,先要准备好这个静态网页的源文件,如图 bs里面是一些css和js的文件,img则是放图片的,文件中的index是网页的首页 运行一下,看看 是这样的 然后打开phpcms文件,上篇博客中有提到,把首页的文件index要放到指定的文件夹下 放到这个路径下 然后运行一下,看看效果 网页中没有了图片和样式表,接下来就是把它的图片和样式表放到指定的文件夹中,把图片放到images文件夹里,如图 bs里面有js文件也有css文件,所以,把它放在css和js文件任何一个都可以.如图 第一步做的就完成了

如何在Web页面中集成文件上传功能

当前,个人主页制作非常流行.当用户开发好自己的页面时,需要将文件传输到服务器上,解决这个问题的方法之一 是运行FTP服务器并将每个用户的FTP默认目录设为用户的Web主目录,这样用户就能运行FTP客户程序并上传文件到指定的 Web目录.由于Windows NT 和 Windows98均不提供直接的基于窗口形式的FTP客户程序,用户必须懂得如何使用基于命令行 的FTP客户,或掌握一种新的基于窗口形式的FTP客户程序.因此,这种解决方案仅对熟悉FTP且富有经验的用户来说是可行 的. 如果我们能把文件

如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites]

如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[About Layout Pages] 很多网站有些内容需要显示在各个页面中,比如Header,Footer或者告诉用户已经登录的部分.ASP.NET允许你创建一个单独的文件来包含文本.标签和代码的内容块,从而搭建一个风格整齐的网站.接下来你就可以将这个内容块插入到任何你想要让它展示的页面中.采用这种方法

如何在ASP.NET页面中使用异步任务(PageAsyncTask)

在页面加载期间,可能有些操作是要比较耗用时间的(例如调用外部资源,要长时间等待其返回),正常情况下,这个操作将一直占用线程.而大家知道,ASP.NET在服务端线程池中的线程数是有限的,如果一直占用的话,就会导致其他操作需要等待. 在ASP.NET 2.0中,提供了一种异步页的技术.微软有一个专门的文档介绍这个技术 看看下面这个图,很重要 [注意]ASP.NET的异步机制与windows From的异步机制有一个根本区别,就是因为Response不可以分布发送到客户端的,所以,这个异步的效果对客户

如何在HTML页面中插入百度地图

在网页制作时,如果想要把企业地址以地图的形式插入HTML页面中,可以通过百度地图轻松实现,当然,前提是注册百度账号并且通过实名认证 网址:http://api.map.baidu.com/lbsapi/creatmap/ 第一步:定位中心点,选择城市以及你想要定位的具体地点 第二步:设置地图,根据HTML页面预留的宽高,选择合适的尺寸 第三步:添加标注,这里面的内容可以根据实际需求填写 第四步:获取代码,点击复制把代码复制到一个单独的文件中,然后把对应的html代码和js代码添加你的项目中 就这

如何在aspx页面中使用ascx控件(用户自定义的一个控件)?

aspx是页面文件ascx是用户控件,用户控件必须嵌入到aspx中才能使用. ascx是用户控件,相当于模板 其实ascx你可以理解为Html里的一部分代码,只是嵌到aspx里而已,因为aspx内容多的时候实在是不太好管理,而且你把公共的Html部分写成ascx也可以公用在很多aspx里比如Web页的下面注释部分 如何使用??? 首先注册: <%@ Register TagPrefix="uc1" TagName="Control1" Src="Co

在页面中使用js

JavaScript:用来在页面编写特效的,和HTML\CSS一样当都是由浏览器解析 JavaScript语言 一.JS如何运行(JavaScript,jscript,VbScript,applet ... ) 二.输出 alert(什么类型都可以); document.write("字符串"); 三.如何在HTML文档中使用JS 1.使用<script></script>将JS语法嵌入到HTML中,可以使用多个,每一个都是有关联的 2.href="j

【vue】如何在 Vue-cli 创建的项目中引入 iView

根据vue项目的搭建教程,以下记录如何在Vue-cli创建的项目中引入iView. 1)iView的安装,在项目下使用 npm 安装iView cnpm install  iview  --save 2)在 webpack 入口页面 main.js   (E:\managerSys\manager-sys\src\main.js)中 添加 如下配置: import iView from 'iview'; // 导入组件库import 'iview/dist/styles/iview.css';