<!DOCTYPE HTML>
<html lang="ja">
<head>
<!-- メタエリアここから -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=1">
<!-- メタエリアここまで -->
<!-- タイトルここから -->
<title>タイトル</title>
<!-- タイトルここまで -->
<!--ファビコン・ウェブクリップ ここから-->
<link rel="shortcut icon" href="XXXXXXXXXXX">
<link rel="apple-touch-icon" href="XXXXXXXXXXX">
<!--ファビコン・ウェブクリップ ここまで-->
<!--ウェブフォント ここから-->
あればここに記載
<!--ウェブフォント ここまで-->
<!-- スタイルシート読み込みここから -->
<link rel="stylesheet" href="設置ディレクトリ/css/common.css">
<link rel="stylesheet" href="設置ディレクトリ/css/layout.css">
<link rel="stylesheet" href="設置ディレクトリ/css/font-awesome.min.css">
その他あればここに記載
<!-- スタイルシート読み込みここまで -->
<!-- JS読み込みここから -->
<script src="設置ディレクトリ/js/jquery-1.11.2.min.js"></script>
<script src="設置ディレクトリ/js/setup.js"></script>
その他あればここに記載
<!-- JS読み込みここまで -->
<!--[if lt IE 9]（編集不可領域）-->
<script src="設置ディレクトリ/js/html5shiv.js"></script>
<script src="設置ディレクトリ/js/selectivizr.js"></script>
<script src="設置ディレクトリ/js/respond.js"></script>
<!-- [endif] -->
<!-- スクリプト記述ここから -->
<script>
その他あればここに記載
</script>
<!-- スクリプト記述ここまで -->
</head>
<body>
<article id="conbox">
<header>
ヘッダーのコンテンツを記載
<nav>
ナビのコンテンツを記載
</nav>
</header>
<div id="wrapper">
コンテンツ
</div>
<footer>
フッターのコンテンツを記載
</footer>
</body>
</html>