How to create a master page using HTML?

Question

I have a website which I want to have a consistent style (a header and a side menu) in every page.

I want to create something similar to a master page for it. I don't want to use frames.

How could I achieve this using HTML, CSS, JavaScript and jQuery?

Not possible in pure HTML. You can use `include()` function if using `PHP` — Arvind Bhardwaj, Aug 27 '13 at 11:39
possible duplicate of [What are the new frames?](http://stackoverflow.com/questions/9466265/what-are-the-new-frames) — Quentin, Aug 27 '13 at 11:42
don't have option to use any server side code. @ArvindBhardwaj — Aisha, Aug 27 '13 at 11:42
@Richard "too broad" apparently, though the answer was very precise — Gaspa79, Oct 24 '16 at 14:43

score 24 · Accepted Answer · answered Aug 27 '13 at 11:40

24

you can use jQuery Load function to include header or menu html page, for example, to include a common header html file,

    <div id="new-header">
        <script>
            $("#new-header").load("header.html");
        </script>
    </div>

answered Aug 27 '13 at 11:40

Able Alias

thank you for your instant reply. I'll try this and get back to you. – Aisha Aug 27 '13 at 11:41
No problem, I had done it... – Able Alias Aug 27 '13 at 11:42
What about the HTML tags, head tags, stylesheets etc ??? How can we call all these within a div ??? – Leo T Abraham Aug 27 '13 at 11:46
you can load a complete html page, ie, style sheet links, html tags to a DIV using jquery load – Able Alias Aug 27 '13 at 11:48
@Delphian — yes, by throwing them away. – Quentin Aug 27 '13 at 11:52
not working in my case. did the same – Mihir Shah Apr 19 '17 at 11:26

1 Answers1