2012年6月25日月曜日

html5の雛形(改版)

html5を意識したhtmlファイルを書くときに便利になるかと思います。
よろしければコピペしてお使いください^^

次はリセットcssかな


<!doctype html>
<html>
<head>
 <meta charset="utf-8" />
 <title>HTML 5</title>
 <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->

 <style>
   article, aside, dialog, figure, footer, header,
   hgroup, menu, nav, section { display: block; }
 </style>
</head>
<body>
<!--ヘッダ-->
<header>
 <a href="#">html5ヘッダ</a>
</header>
<!--ナビ-->
<nav>
 <ul>
 <li><a href="#">html5ヘッダ</a></li>
 <li><a href="#">html5ヘッダ</a></li>
 </ul>
</nav>
<!--メイン-->
<section>
 <article>
  <h1>Article1</h1>
  <p>html5Body</p>
 </article>

  <article>
  <h1>Article1</h1>
  <p>html5Body</p>
 </article>
</section>
<!--フッタ-->
<footer>
 <a href="#">html5フッタ</a>
</footer>
</body>
</html>

0 件のコメント: