Home/ Questions/Q 8860761
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T15:19:53+00:00

I am developing a static website using HTML/CSS. I have 7 pages in my

  • 0

I am developing a static website using HTML/CSS. I have 7 pages in my website and each page has the exact same header content. Is there some sort of import/include capability in HTML?

Here is an example of the kind of thing I would be looking for (note I completely made up the syntax):

[Source (header.html)]

<html>
    <head><title>Source Page</title></head>
    <body>
        <div id="myheader">Hello, World!</div>
    <body>
</html>

[Page That Imports From Source]

<html>
    <head><title>My Title</title></head>
    <body>
        <div import="id:myheader;source:url('header.html');"/>
    <body>
</html>

Thank you!

Jan

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not as such, no. There are several options, in order of accessibility and ease of use:

    1. Server-side includes (assuming your static file server supports them – most do).
    2. iframes
    3. Single Page Application style (requires JavaScript).
    4. framesets (Legacy, avoid if possible).

    Examples

    SSI

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

    iframes

    <!-- Assuming HTML5 -->
<iframe src="header.html" seamless></iframe>

    Javascript

    <script>
// We have a magic ajax function
ajax("header.html", function(data) {
    document.getElementById("header").innerHTML = data;
});
</script>

    framesets

    Just don’t 🙂

    • 0