HTML5の練習／透過PNG圧縮

photoshop HTML5

HTML5

アウトライン構造

alt　写真の説明　文脈の流れで説明する必要がある　省略は可

divの使い方
レイアウト　ok
文章構造には使わない

おしりの /はいらないよ

参考：
ここが変わった！HTML5マークアップ入門 1回〜11回（ASCII.jp）

link要素のtarget属性は使ってもいい

articleとsection
迷ったらsectionを使っておこう

見出しと本文だけではarticleだめ
本文だけsectionはだめ

header要素の中にh1を入れるのが基本

aside要素
サイドバーやバナー用と考えておこう。

styleは優先順位を高くするために内部に書く事が多い。


IE対策
headの中に入れる

<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<style>
  article, aside, dialog, figure, footer, header,
  hgroup, menu, nav, section { display: block; }
</style>


zen-coding
zensetting.js



h1とh2を囲むタグ


microdata

透過PNGの圧縮

PunyPNG

PNGGauntlet