<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>記事ページのHTML5テンプレート</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="">
</head>
<body>
<header>
<p><a href="">サイト名</a></p>
<nav>
<ul>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
</ul>
</nav>
</header>
<main>
<article class="">
<header>
<h1>記事タイトル</h1>
<p>説明文です。説明文です。説明文です。説明文です。</p>
</header>
<section>
<p>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</p>
<p>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</p>
<p>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</p>
</section>
</article>
</main>
<aside class="">
<section>
<h2>新着コンテンツ</h2>
<ul>
<li><a href="#">新着記事1</a></li>
<li><a href="#">新着記事2</a></li>
<li><a href="#">新着記事3</a></li>
</ul>
</section>
<section>
<h2>人気コンテンツ</h2>
<ul>
<li><a href="#">人気記事1</a></li>
<li><a href="#">人気記事2</a></li>
<li><a href="#">人気記事3</a></li>
</ul>
</section>
</aside>
<footer>
<p>(C) 2019 サイト名.</p>
</footer>
</body>
</html>
ブログやニュースサイトなどを想定した記事詳細ページ向けのHTML5テンプレです。毎回書くのが面倒なので残しておきます。