管理进化

html头部如何调用


html头部的调用方法是:1. 头部调用,如果仅仅为静态HTML的话,只能采用框架;2. 如果采用动态语言,则可以用服务器端包含,把头部和尾部文件调用进来。<!--#include virtual="html/head.html"-->这种包含方式是ASP动态语言的。ASP的运行需要服务器的支持。不能直接在本地用浏览器浏览。但是可以在本地搭建一个ASP服务器,然后运行。网络上也有ASP本地测试工具,把该文件放到ASP站点的根目录下双击运行就可以浏览ASP网页了。

下面来介绍一下主要操作方法。

html 静态页面中引用外部页面没那么方便,主要方法有:

1.asp语言和PHP语言

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

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

如果是PHP文件,文件名改为 head.php即可。

2.使用框架来实现

<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”head.htm” height=“auto” width="100%"></iframe>

以前人们常常使用静态frame框架来做首尾(一般不是iframe)。现在越来越少见了。主要因为设计网页相对比较困难,而且还增加了连接数,占用线程较多,速度慢,而且也不利于搜索引擎的对头尾的收录。

3.使用.js脚本来实现

建立一个head.js的文件,找一个html转js的网站,然后把你头部的html代码转化成js代码,并放在head.js文件里面。然后在需要调用head文件代码的地方添加

<script language="javascript" type="text/javascript" src="js/head.js"></script>

这个地方src="js/head.js"的路径是你head.js文件的路径。

以后无论在哪个页面,想调用该头部文件,直接插入head.js文件即可。

这种方式的优点是方便,便于修改。缺点是由于搜索引擎读不懂javascript文件,头部文件和尾部文件搜索引擎无法收录,而且js文件过大会加重访问者的浏览器负担,影响访问速度。

4.Behavior的download方式

最好能有一种方法,就像asp页面包含其他页面时那样,用一小段包含语句就可以实现,不要将需要包含的内容出现在本页面内,而是分割出去到另外一个自己的页面。

<span ><IE:Download STYLE="behavior:url(#default#download)" />

<script>

function onDownloadDone(downData){

showImport1.innerHTML=downData

}

oDownload1.startDownload('top.htm',onDownloadDone)

</script>

5.通过<object>实现

<object type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

6.HTML中执行include file

使用ssi技术页面生成shtml文件,只用在头部文件位置加入:

SSI(Server Side Include),通常称为"服务器端嵌入"或"服务器端包含",是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。SSI就是在HTML文件中,可以通过注释行调用的命令或指针,SSI具有 强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。

<!--#include file="library/common_header.html" -->

7.HTML5 中的 <embed> 标签

<embed type="text/html" src="footer.html" />

8.ajax动态填充

node代理

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

本地合并

即将HTML硬拆成头、尾、内容三个部分的文件,在预览或者发布之前用脚本手工合并,没有后台的时候使用效果不错。


最后,推荐我们的管理工具给大家。

智齿客服