Html Template To Use Same Header For Every Single Pages

• Tutorial

• $("#main-menu").load("header.html");
  

  Here is a code snippet. Use loading script always below the jQuery.

  // Get nav to the page
  $('#main-menu').load('header.html');

  <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divid="main-menu"></div>

Solution 2:

Quick and easy way would be to save that code as something like header.html and then inlcude it in all the other pages. Which can be done using jQuery or JavaScript, see this SO question for how.

Share