Podés hacerlo incluso con javascript solamente
Primero creas tu html que va a ser comun a tus páginas, un menu por ejemplo
<ul>
<li><a href="pag1.html">1</a></li>
<li><a href="pag2.html">2</a></li>
</ul>
Ahora necesitas convertir eso en una función de javascript, hay varias formas de hacerlo, lo más practico es que uses un convertidor en línea.
Te quedaría algo así
Código Javascript
:
Ver originalvar menu="";
menu += "<ul>";
menu += "<li><a href=\"pag1.html\">1<\/a><\/li>";
menu += "<li><a href=\"pag2.html\">2<\/a><\/li>";
menu += "<li><a href=\"pag3.html\">3<\/a><\/li>";
menu += "<\/ul>";
Para simplificar la inserción del menu, creamos una función a partir de ese código
Código Javascript
:
Ver originalfunction menu(){
// esto es el codigo del menu
var menu="";
menu += "<ul>";
menu += "<li><a href=\"pag1.html\">1<\/a><\/li>";
menu += "<li><a href=\"pag2.html\">2<\/a><\/li>";
menu += "<li><a href=\"pag3.html\">3<\/a><\/li>";
menu += "<\/ul>";
//escribis el menu
document.writeln(menu);
}
guardas eso como menu.js.
Ahora en todos los html en que querés que aparezca el menu, en el head vinculas a la script que contiene la función
finalmente, en la parte de la página que quieras aparezca el menu, llamas a la función
Te dejo un link al generador de html a js.
http://foros.emprear.com/html-js/html_a_js.html
Siguiendo con el ejemplo, fijate que yo usé la tercera opción, creando una variable
Saludos