Include another HTML file in a HTML file without java script

Question

Ive a series of static html pages with a common footer, i want to inlcude content from the in each html file without duplication

e.g.

root
  page1.html
  page2.html
  page3.html
  footer.html

How do I make page 1,2 and 3 use the footer.html as the footer file without writing any java script. I've seen answers that included java script in this question How to include html file in another html file but I want to know if its possible without java script.

Remember

These are static pages not running on a server
This does not include the use of java script or other scripting process. - The answers to How to include html file in another html file all use javascript and do not answer this question.

The only way is to use a frameset (which is deprecated AFAIK): w3.org/TR/html401/present/frames.html . Today you'd use a build step to compose your page with a template system, e.g. jekyllrb.com . — Felix Kling
– Felix Kling, Commented Jun 13, 2016 at 23:46
@EdHeal - I'm unsure how you propose that this would help, given that the OP stated in the original question "These are static pages not running on a server". Is this an oblique way of suggesting that they should? (be running on a server) — enhzflep
– enhzflep, Commented Jun 14, 2016 at 8:44

zer00ne · Accepted Answer · 2016-06-14 00:29:30Z

1

iframes are HTML, they are very similar to PHP includes, but have much more security restrictions given the nature of open client based HTML compared to secure server based PHP.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      
      </style>
    </head>
  <body>
    <header>
      <h1>iframes</h1>
      </header>
    <main>
      <section>
        </section>
      </main>
    <footer>
      <iframe src="http://example.com"></iframe>
      <iframe src="http://example.com"></iframe>
      <iframe src="http://example.com"></iframe>
      </footer>
    </body>
  </html>

answered Jun 14, 2016 at 0:29

zer00ne

45.2k6 gold badges50 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ken Ye · Accepted Answer · 2016-06-13 23:57:28Z

0

You shouldn't use html for this as html is static, if you want a dynamic webpage try to something like PHP.

Have a look at this : https://css-tricks.com/forums/topic/how-to-include-php-headers-and-footers-on-html-site/

Hope it helps.

answered Jun 13, 2016 at 23:57

Ken Ye

854 bronze badges

Collectives™ on Stack Overflow

Include another HTML file in a HTML file without java script

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related