How do I include one HTML file inside another?
Posted by: Amit Nazare on: March 17, 2009
It is a common practice by web developers to make separate header and footer files. As there wont be any changes in these section in any of the pages.
So now the question arises how to use these HTML pages inside another HTML file. There is a solution for this that is
<!–#include VIRTUAL=”/common/header.htm” –>
So the above code makes the header file to include in another HTML file. Just paste this code change the path and use it where you want your header to be displayed.
5 Responses to "How do I include one HTML file inside another?"
April 22, 2009 at 5:10 am
Oh. Isn’t there any other way to do this, with just basic plain HTML hostings?
April 22, 2009 at 5:28 am
The other method could be using JavaScript, say for example if you have your footer is in separate file say for example you need to have footer.js written as:
document.write(“<div id=’footer’>Copyright © 2009. All rights reserved</div>”);
then later use the below code in your html file
<script language=”javascript” src=”footer.js”>
Leave a Reply
Search
- Elwood: This works great. . just what I was looking for. . .I plan to mix in a sprinkle of jQuery and this is perfect! Thanks!
- purencool: thanks for the post I and I like the smiley face.
- dhanesh mane: Hey it says that its drupal to drupal migration. I need something for joomla to drupal.
Categories
- CSS3 (3)
- Tips n Travia (17)
- Tutorials (49)
- CSS (23)
- Drupal (12)
- HTML (13)
- JavaScript (7)
- web2.0 (1)
April 22, 2009 at 4:44 am
TFS, but will this work for extremely plain and static HTML?
I see tags like : server side includes, SSI
Could you Throw some more light here please?
April 22, 2009 at 5:06 am
Ya it will work. SSI, or Server Side Includes, were first developed to allow Web developers to “include” HTML documents inside other pages. And you need to activate SSI for this. SSI is handled by the webserver.