<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>はじめてのHTML5</title>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<style>
article,aside,dialog,figure,footer,header,menu,nav,section{
display:block;
}
</style>
</head>
<body>
<div id="container">
<nav>
<ul>
<li><a href="#">メニュー１</a></li>
<li><a href="#">メニュー２</a></li>
<li><a href="#">メニュー３</a></li>
<li><a href="#">メニュー４</a></li>
<li><a href="#">メニュー５</a></li>
</ul>
</nav>
<header>
<h1>章見出し</h1>
<p>テーマのキーワードを含むリード文</p>
</header><!-- /header -->
<div id="content">
<section>
<h2>節見出し</h2>
<p>テーマのキーワードを含むリード文</p>
<section>
<h3>項目１</h3>
<p>本文１本文１本文１</p>
<aside>
<h4>補足説明</h4>
<p>本文本文本文本文本文</p>
</aside>
</section>
</section>
</div><!-- /content -->
<div id="sidebar">
<section>
<h3>項目２</h3>
<p>本文２本文２本文２</p>.
</section>
</div><!-- /sidebar -->
<footer>
<p>(c)2013 WebDesign</p>
</footer><!-- /footer -->
</div><!-- /#containerr -->
</body>
</html>