<html lang="ja">
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
</head>
<body>
<header>
<h1>カフェランチブログ</h1>
</header>
<article>
<h2>7月1週目ランチ</h2>
<p>ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け！ぜひ食べに来てくださいね。</p>
<img src="images/donburi.jpg" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。">
<aside>
<h3>ロコモコ丼の豆知識<h3>
<p>ハワイ島で学生向けのファーストフードとして始まったといわれています。</p>
</aside>
</article>
<footer>
<address>当ブログに関するご意見等は cafelunch@xxx.com までどうぞ。</address>
<small>Copyright (c) 2012 Star Cafe All Rights Reserved.</small>
</footer>
</body>
</html>
まとめ
<article>は大事な所に使う用。本文の中心的な場所で使う感じ？中に<h><p>は必要。
<section>ここにはないが折角なので。階層を作りたい用。とりあえず外枠とか作る用？こっちも<h><p>いる。
<h><p>が入らないようなものcontentとかはdivでいい。
<aside>補足的ななくても内容に影響を受けないものを入れる用=どうでもよさ気な物はasideに。articleの中に入れて大丈夫。
