のテンプレ
debesoさんの所で配布しているテンプレートを
自分用にカスタマイズ
http://debeso.com/blog/2009/12/dahhunda/はじめようhtml5【html5テンプレートファイル配布してま/
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css" media="screen" /> <link rel="stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css" media="screen" /> <!--http://html5resetcss.googlecode.com/files/html5-reset-1.4.css--> <link rel="stylesheet" href="./css/html5-reset-1.4.css" media="screen" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <!--[googleからjquery1系最新取得]--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <title>HTML5+CSS3+jQueryの勉強</title> </head> <body> <header><h1>HTML5+CSS3+jQueryの勉強</h1></header> <nav> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </nav> <section></section> <footer></footer> </body> </html>
とりあえず、これを使えばHTML5を作成出来るぜ!
ま、HTML5っぽいことは何もしていませんが。。。
あとは、こいつをこんな感じのレイアウトにしたい。
汚いですが。。。
メニューの動きなんかはJQueryに依存しまくって
メニュー、セクション部分の枠はCSS3で丸くしたら
良いんじゃない