Master page in HTML

html master-pages
mans picture mans · Mar 16, 2011 · Viewed 61.4k times · Source

Is there any way to create a similar idea as master/content page in ASP.NET in pure HTML?

I want to create several pages in HTML, but I want that all of them look the same with some contents different. Is there any way to do this without creating several pages which are very similar to each other?

Answer

apohl picture apohl · Jan 8, 2014 
//wait until the dom is loaded
$(document).ready(function () {
    //adds menu.html content into any "#menu" element
    $('#menu').load('menu.html');
});

In reference to some of the other answers, iframes should be used carefully and sparingly. http://rev.iew.me/help-moving-from-iframes

http://fsvieira.com/2013/06/11/iframes-bad-for-a-website/

Duplicate question here with answer: How to create a master page using HTML?

Related questions

Make absolute positioned div expand parent div height

As you can see in the CSS below, I want child2 to position itself before child1. This is because the site I'm currently developing should also work on mobile devices, on which the child2 should be at the bottom, as …

Read More
The Controls collection cannot be modified because the control contains code blocks(i.e.<% ...%>) ajax toolkit html editor

<%@ Page Language="C#" MasterPageFile="~/master/111.master" AutoEventWireup="true" CodeFile="Template.aspx.cs" Inherits="_Template" Title="Untitled Page" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" TagPrefix="cc1" %> <asp:Content ID="Content3" ContentPlaceHolderID="cphhead" Runat="Server"> <…

Read More
Ways to stick footer to the bottom a page

I followed the How do you get the footer to stay at the bottom of a Web page? post on stackoverflow... But i couldn't make it too work in an asp.net web application.... I am using a master page …

Read More