Если вас не волнуют пользователи, у которых отключен JavaScript или которые используют некоторые мобильные платформы, вы можете использовать JavaScript для этого.
headerfooter.js
window.onload = function ()
{
var header = document.getElementById('header');
var footer = document.getElementByID('footer');
header.innerHTML = "<h1>My website</h1><h2>Rules</h2>";
footer.innerHTML = "<small>This code is in the public domain</small>";
}
page.html
<html>
<head>
<script type="text/javascript" src="headerfooter.js"></script>
</head>
<body>
<div id="header"></div>
... Your content ...
<div id="footer"></div>
</body>
</html>
Но не делайте этого, это недружелюбный и непрофессиональный пользователь.Просто используйте php или создайте цельный шаблон, который не нужно редактировать намного позже.