PHP shared header without using sever-side scripting?

Simple problem I have so far always solved via PHP:

You have a site with header, menu, footer and content field.

Header, menu and footer are usually the same for each page.

• How do you, without PHP or any other server-side language, have the header, menu and footer data exist only in one file?

So that for example you don't have ten pages (like home.html, products.html, about.html, ..) all having a copy of the static header and menu in their html files. Now i开发者_如何学Gof you want to change the header you have to change ten files.

I hope I made my question clear enough, if not please leave a comment :)

If you're using Apache, you can use server-side includes. These basically provide include statements within HTML documents.

Install and enable mod_include. Configure

Options +Includes
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml

Use .shtml as your main page file extension. Then in your pages, you can do things like

<!--#include virtual="/header.html" -->

Nginx also supports server-side includes with it's SSI module:

location / {
    ssi on;
}

HTML:

<!--# include file="header.html" -->

Frames can do this. Can't say much about the quality of the result though.

Could also do it entirely with client side scripting. Just execute some async requests to get static resources and inject them into the page. This is really just a JS version of frames and not the best way to approach the problem, but it'd work.

if your host support shtml files, they have limited scriptability.

<!--#include file="included.html" -->

otherwise, for plain html, you're out of luck i'm afraid, unless you have some fancy javascript/ajax that does it.

Don't know if it's exactly what you mean, but you can do this with SSI (server-side includes) instead of server-side scripting. SSI isn't scripting, it's just a way of including other files without writing any real code.

As for doing this without the server's help altogether, that's a different story. You're better off using the server to do this kind of thing. It feels dirty, you end up with weird files all over, and it's a pain to manage, but templates and includes do a fairly decent job of doing what you're looking to do.

Use JavaScript templating, like that provided by Underscore or Closure. More likely: refuse to work for clients who will not pony up for appropriate web hosting, and are basing that decision solely on cost rather than what is appropriate for the site.

One option that you have is to include the header in references JS file where you have document.write() wrapped around the header. Of course, I do not use this method for my own code since I usually do PHP or VB.

The most obvious way I can think of that doesn't involve a server language (but does involve server-side processing) is server side includes.

If you had to, and without frames, ajax requests to get the data would be best. Though, as mentioned, would kill seo

If you can use javascript and jQuery, you can dynamically load header and footer using $.load. Not the most clean solution though.

The solution I like best is to, since you know PHP, produce a PHP script that, given a folder of templates, produces a folder of final HTML files for you to upload. Sounds like a decently easy task, actually.

The suggestions of using PHP include or Apache server-side includes are true, these would solve the problem.

But I suggest another option specific to PHP, if you know that every page has the same header and footer:

• auto_prepend_file

• auto_append_file

See docs at http://www.php.net/manual/en/ini.core.php