asiamoth/html5-example.html

## html5-example.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>IE8 以下でも HTML5 を！</title>
    <meta name="description" content="JavaScript を使わずに、HTML5 の新要素でマークアップする">

    <style type="text/css">
      .header  {border: pink     solid 3px}
      .article {border: red   solid 3px}
      .section {border: blue    solid 1px}
      .aside   {border: yellow solid 3px}
      .footer  {border: magenta    solid 3px}

      .time    {color: green}
    </style>

  </head>
  <body>

    <div class="header">
      <header>
        <h1>header</h1>
      </header>
    </div>

    <div class="article">
      <article>
        <h1>article</h1>
        <div class="section">
          <section>
            <h2>section</h2>
          </section>
        </div>
      </article>
    </div>

    <div class="aside">
      <aside>
        <h1>aside</h1>
      </aside>
    </div>

    <div class="footer">
      <footer>
        <h1>footer</h1>
        <p>time: <span class="time"><time pubdate datetime="2011-05-15">today</time></span>.</p>
      </footer>
    </div>

  </body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="utf-8">
	<title>IE8 以下でも HTML5 を！</title>
	<meta name="description" content="JavaScript を使わずに、HTML5 の新要素でマークアップする">

	<style type="text/css">
	.header {border: pink solid 3px}
	.article {border: red solid 3px}
	.section {border: blue solid 1px}
	.aside {border: yellow solid 3px}
	.footer {border: magenta solid 3px}

	.time {color: green}
	</style>

	</head>
	<body>

	<div class="header">
	<header>
	<h1>header</h1>
	</header>
	</div>

	<div class="article">
	<article>
	<h1>article</h1>
	<div class="section">
	<section>
	<h2>section</h2>
	</section>
	</div>
	</article>
	</div>

	<div class="aside">
	<aside>
	<h1>aside</h1>
	</aside>
	</div>

	<div class="footer">
	<footer>
	<h1>footer</h1>
	<p>time: <span class="time"><time pubdate datetime="2011-05-15">today</time></span>.</p>
	</footer>
	</div>

	</body>
	</html>