Call one html file from another
You might want to use Server Side Includes (SSI).
You put your HTML snippet in a separate file, for example NavigationTree.html, and then just link to it on your web pages using:
<!--#include virtual="NavigationTree.html" -->
SSI is supported by all popular web servers, including Apache, IIS, and lighttpd.
: , .shtml, .stm .shtm SSI. root- -, SSI , html.
You can also use jQuery for this,
eg.
<div id="yourDiv" />
<script>
$("#yourDiv").load("NameOfYourPageToReadFrom.ext #NameOfDivToReadFrom");
</script>
This puts the contents of the “NameOfDivToReadFrom” DIV in the called “NameOfYourPageToReadFrom” file into the loaded DIV ('yourDiv') in your current file.
Remember to add a definition to the header of your html.
eg.
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>