<!-- 通常のHTML -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ここにそのページのタイトルを入力</title>
<meta name="description" content="ここにそのページの説明文を入力。この説明文はGoogleやYahoo!の検索結果にも表示されます">
</head>
<body>
<header>
<h1>ここにそのページに表示される大見出しを入力します</h1>
<nav>
<ul>
<li><a href="">メニュー</a>
<li><a href="">メニュー</a>
<li><a href="">メニュー</a>
<li><a href="">メニュー</a>
</ul>
<nav>
</header>
<main>
<section>
<h2>ひとつめのエリアのタイトルを入力</h2>
<p>段落です。ここに文章を書きます。</p>
<p>段落です。ここに文章を書きます。</p>
</section>
</main>
<footer>
<small>copyright 2018 sample site</small>
</footer>
</body>
</html>