如何将一个HTML页面嵌套在另一个页面中.docx

这个在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用） 这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。 最典型的应用比如页脚的版权信息等内容可以放在一个叫做 footer.html 文件里， 然后其他页面文件在页面内容的最后包含这个文件就可以了，具体例子下面有。 要 html 文件嵌套，最简单的办法是使用 SSI（Server Side Include)技术，也就是在服务器端两个文件就被合并了。除 了少数免费网页寄存服务外，几乎所有的网页寄存服务器都 支持 SSI。这也是一个比较推荐的方法，它与 ASP 和ASP.NET 网页使用的语法一模一样。如果网站管理员偏向 使用 PHP 或 JSP 的话，语法会稍有不同。 对于不能使用 SSI、ASP、ASP.NET、PHP 和 JSP 等服务器端动态页面语言的情况，这里还将介绍两种客户端镶嵌的 办法：JavaScript 和 iframe 的方法。当这两种客户端的方法都有很大的弊病，一般不推荐使用。 下面对各种方法单独具体介绍。 1、SSI (Server Side Include) SSI 是一种简单的动态网页制作技术，但是有些服务器要求网页文件扩展名为.shtml 才能识别文件中 SSI 命令。所以如果你的 SSI 命令看起来不工作，先别放弃，试着把文件扩展名改为.shtml，也许会成功。如果知道自己的服务器是否 支持 SSI，请看另一篇文章。 使用 SSI 一个局限性是页面一定要放在网页服务器上才能看到效果，在本地是不好调试的。当然，如果非要在本地调 试，就本地装一个 Apache 服务器好了。 比如你想在每个网页的底部加上同样的版权信息，像 ? 2009 程序员实验室版权所有 可以把这行信息放到一个叫做 footer.html 的文件里， footer.html 的内容为： center copy; 程序员实验室版权所有/center; 这样同一路径下的其他页面文件要包含 footer.html 的 SSI 命令是： !- #include virtual=footer.html -（常用） 或者 !- #include file=footer.html - 这两者的几乎是一样的，不同之处在于 include virtual 后面取的是一个 URL 形式的路径，甚至还可以执行一个 CGI 程序并包含其输出结果，如果你的服务器支持 CGI 的话。而include file 后面取的是一个文件系统路径，并且不能执行CGI 程序。两者都可以接受相对路径，所以对上面这个简单 例子，两者的效果是一样的。如果你不知道 URL 路径与文件系统路径两者的区别的话，就用 include virtual 更多关于 SSI 的介绍，请看这篇 SSI 的介绍文章。 2、PHP 如果你的服务器支持 PHP 的话，用 PHP 引用 footer.html 文件的写法如下： ?php include(footer.html); ? 这句命令所在的文件扩展名必须被为.php。 除了引用本服务器上的文件，PHP 的 include 命令还可以用来引用其它网站上的 html 文件，比如： ?php include( /examples/footer.html); ? 当然你要得到其它网站的允许才能引用别人的文件。 3、ASP 和 ASP.NET 如果你使用的是老式的 ASP，则语法是与上面 SSI 一样的， 不需要任何修改，只要把命令所在文件的扩展名改为.asp 即可。 对于 ASP.NET，也是类似，不同之处在于，因为 SSI 命令是在 ASP 命令运行之前被首先编译，所以文件名中不能够使用 ASP.NET 的变量。如果一定要用的话，就用 ASP.NET 的命令来做文件嵌套吧。 比如： % Response.WriteFile (footer.html) % 更多关于怎样在 ASP.NET 中实现动态文件嵌套，请参考微软的这篇文章。 4、JSP （Java Server Page) JSP 文件需要在基于 Java 的服务器上运行，比如 Apache Tomcat。JSP 包含文件的语法是： %@ include file=footer.html % 5、客户端包含 5。1 客户端包含的利弊 客户端包含有两种方式：JavaScript 和 iframe。让我们先看看两种方法各有什么利弊。 两种方法中 Javascript 生成的页面格式比较好，Javascript可以从一个 URL 取到页面片断然后镶嵌在另一个页面的任何位置 。其结果与服务器端包含的结果基本上一样，但弊端是客户端必须开启