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');

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  
  
  <div id="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

You may like these posts

• 
  Jquery Variable Claiming It's Undefined When It Has Been Defined
• 
  I Can't Find The Mistake In My Php Script
• 
  Html.fromhtml Problem
• 
  Right Floated Element Disappears When Using Columns In Firefox