【HTML5実践】 サンプルデータ 【vol.2】

 

こんにちは!
ズン子です。

html5_design1.jpg

第2回!
HTML5+CSS3を用意しました。
http://www.flying-h.co.jp/blog/HTML5/

サンプルデータダウンロード【ZIP:102KB】【LZH:102KB 中身は下記になります。

index.html
  │
  ├ / img  画像収納
  ├ / css css収納
  └ / js  js収納

対応ブラウザ:Safari Opera Firefox Chrome (※IE8)
※W3CのHTML5 validatorは通りますが、CSSは通りません。113、114行目にある角丸処理を削除すると、CSS3で通ります。

vol.3以降は、ソースの内容(HTML5仕様)について書かせて頂きます。
次回以降の予定はこんな感じ↓↓↓

毎週月曜日更新予定!
【vol.3】 DOCTYPEと、<head> </head>内
【vol.4】 <body> </body>内 <header>タグ
【vol.5】 <body> </body>内 CSSによる左右カラム分け方法
【vol.6】 <body> </body>内 <article>と<section>タグ
【vol.7】 <body> </body>内 <nav>タグ
【vol.8】 <body> </body>内 <footer>タグ
【vol.9】 CSS3.0 透過の仕方
【vol.10】 html5.jsについて
【vol.11?】 未定
vol.11以降は、CSS3.0の小技や、HTML5で追加されたタグについて書いていきます。
お楽しみにぃっ!!

←【vol.1】 骨組み | 【vol.3】 DOCTYPEと、<head> </head>内→