How to keep common header and footer on all pages of website | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How to keep common header and footer on all pages of website

I want to design a website in which I want all the pages to have same header and footer. Header for menus and footer for about us, contact us and "designed and developed by" clause

30th Mar 2019, 10:41 AM
Kunal Patrikar
Kunal Patrikar - avatar
3 Answers
+ 6
Previously I have solved that problem with php, but it assumes you have a php enabled web server. I found the following solution to be more generic (Although I have not used this yet). https://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-be-included-in-multiple-html-pages/18712605#18712605
30th Mar 2019, 1:11 PM
Louis
Louis - avatar
+ 4
An "easy" and less technical way might be to construct your page as header - main area for pages - footer. Header and footer are as you described and will stay there all the time, and the main area you can set as an iframe. When you click on a link in the header/footer it is displayed in the i frame. Kind of like a LED tv on your wall. The wall stays the same, only the channel/screen changes!
30th Mar 2019, 11:05 AM
storm
storm - avatar
+ 3
You can copy and paste the tags for those in each of the pages.... or make another.html file for header and footer and link it to every page...
30th Mar 2019, 11:02 AM
Prabhat Kumar Singh
Prabhat Kumar Singh - avatar