SSI(Server Side Includes)という手段もあります。
※ Webサーバ自体がSSIに対応またはサービスとして利用可能であることが条件ですが
■サンプルソース
html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <title></title>
7 <link rel="stylesheet" href="xxx.css">
8</head>
9<body>
10<!-- 共通部分・ヘッダー -->
11<!--#include virtual="/header.html" -->
12
13<!-- コンテンツ始まり -->
14
15
16<!-- /コンテンツ終わり -->
17
18
19<!-- 共通部分・フッター -->
20<!--#include virtual="/footer.html" -->
21</body>
22</html>
共通部分に修正したい場合は、
header.html、footer.htmlを修正すればよいです。
■サンプル(header.html)
html
1<header>
2<h1>site name</h1>
3<nav>
4 <ul>
5 <li><a href="">aaa</a></li>
6 <li><a href="">iii</a></li>
7 <li><a href="">uuu</a></li>
8 <li><a href="">eee</a></li>
9 <li><a href="">ooo</a></li>
10 </ul>
11</nav>
12</header>
■サンプル(footer.html)
html
1<footer>
2 <p>© hoge</p>
3</footer>
詳しい使い方は以下を参照ください。
SSI(Server Side Include)で外部ファイルを読み込んでみよう
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。