Make header and footer files to be included in multiple html pages

Question

I want to create common header and footer pages that are included on several html pages.

I\'d like to use javascript. Is there a way to do this using only html and

Answer 1

Save the HTML you want to include in an .html file:

Content.html

Google Maps

Animated Buttons

Modal Boxes

Animations

Progress Bars

Hover Dropdowns

Click Dropdowns

Responsive Tables

Include the HTML

Including HTML is done by using a w3-include-html attribute:

Example

Add the JavaScript

HTML includes are done by JavaScript.

Call includeHTML() at the bottom of the page:

Example