Call one html file from another

Question

I want to call one html page fron another in a div.

I tried using

<include file="NavigationTree.html" />

and

<? include("/starfix/pages/NavigationTree.html"); ?>

But it doesn't work. Am I doing something wrong or do i need to do it some other way?

Answer 1

You may want to consider using Server Side Includes (SSI).

You would place your HTML snippet into a separate file, such as NavigationTree.html, and then you would simply reference it in your web pages by using:

<!--#include virtual="NavigationTree.html" -->

SSI is supported by all the popular web servers, including Apache, IIS and lighttpd.

---

Note that if you are using a shared host, you may have to use the .shtml, .stm, or .shtm extension for SSI to work. If you have root access to your web server, it can be easily configured to enable SSI for any extension, including html.

Answer 2

This is not possible in pure HTML.

The former is a notation I have never seen before, it is not HTML, maybe it works in some specific server-side templating language.

The latter is PHP. It should work but you need to bear in mind include() works with absolute paths inside the server's file system.

You should specify a relative path:

<? include("./NavigationTree.html"); // will work if it's in the same directory ?>

or an absolute one that will probably look something like this:

<? include("/path/to/your/www/dir/starfix/pages/NavigationTree.html"); ?>

(ask your admin for the absolute path to your web root)

You can maybe also do a HTTP include:

<? include("http://www.example.com/starfix/pagesa/NavigationTree.html"); ?>

but that's unwise because it tends to be slow, and generates a second request on each page request.

You can also use SSI as outlined by @Daniel.