jQueryを使ってHtml要素を共通化する
<!-- index.html -->
...
<body>
<div id="header"></div>
<!-- 他のコンテンツとか -->
</body>
...<!-- header.html -->
<nav class="header">
...
</nav>/** load.js */
$(function() {
$('#header').load('header.html');
});こんな感じに簡単に共通化できる。
Ajaxを使うと、エラー処理とか細かい処理も記述できるのでこっちの方が良さそう。