<!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
記事ページのHTML5テンプレート C0d3man52