CODEWITHSUNDEEP
htmlfooter
DotNet ZeZo
DotNet ZeZo

Reputation: 19

Stuff that will change on every page

I would like to know that if there is a way that a certain piece of HTML code change on every page I create. In simple words for example, I make a HTML page called 1.html and add a footer code. For example <div class="footer">, and I need to add this footer to every page I make. But then, I don't wanna add this footer code manually on every page since that would take time.

So making it more simple, I make 1.html, 2.html and 3.html and make footer.html and add footer code to it. So instead of adding the actual footer code on every page, I add footer.html to 1.html, 2.html and 3.html and then later edit footer.html that will update on 1.html, 2.html and 3.html.

Hope you get my point. Thanks.

Upvotes: 1

Views: 266

Answers (4)

tonyG_cyprus
tonyG_cyprus

Reputation: 23

whether you use php or ssi remember that 'footer.html' must only be the code that would appear between the 'body' tags in a normal html page, or you will duplicate.

Upvotes: 1

foundry
foundry

Reputation: 31745

If your webserver supports it (many do), you could use Server Side Includes.

rough summary:

  • change the extension on your html file to .shtml

  • add this to your page wherever you want your footer to appear

    <!--#include virtual="../path/to/footer.txt" -->

  • the footer file should only include the HTML fragment that you need to replace the SSI tag, so that when the tag is replaced with the footer you have a well-formed HTML page

In your pastebin example your 'footer.txt' file should contain this:

<div class="footer">
  bla bla here....
</div>

And your .shtml file, in which you want the footer to appear, should look something like this

(this assumes that your footer.txt file is in the same folder as the .shtml file)

Upvotes: 1

rdiazv
rdiazv

Reputation: 1153

You can use a server side language like PHP to do that

1.php

<html>
    <body>
        Title 1
        <?php include('footer.html') ?>
    </body>
</html>

2.php

<html>
    <body>
        Title 2
        <?php include('footer.html') ?>
    </body>
</html>

Upvotes: 1

sn&#248;reven
sn&#248;reven

Reputation: 1974

There is no way of doing that in plain HTML. You either have to use a scripting language (like Python, Ruby, PHP...), or a static website generator like jekyll or hyde.

If you are just writing static HTML files, I would go with the second approach.

Upvotes: 1

Related Questions