XHTMLからHTML5へ移行するときの注意点

HTML5を書く際に注意すべき点を勉強のためにまとめておきます。

HTMLとXHTMLのどちらの記述ルールでもOK。
HTMLのように終了タグ不要・引用符不要(例1)ですが、XHTML(例2)のように終了タグ・引用符ありでも良い。

<ul>
<li>リスト
<li><img src=example.jpg alt=サンプル >
</ul>

<ul>
<li>リスト</li>
<li><img src="example.jpg" alt="サンプル" /></li>
</ul>

HTML5ではこれだけ

<!DOCTYPE html>

HTML5 以前からある要素についてはブラウザデフォルトのdisplayプロパティ値がセットされていますが、HTML5で追加された新要素についてはブラウザによってはdisplayのデフォルト値がセットされていないため、あらかじめ例3のようにブロックレベル設定が必要。

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display: block;
}

他にも細かい点はいろいろありますが、とりあえず初歩中の初歩の部分はこれだけ。

posted with amazlet at 11.01.06

羽田野太巳
秀和システム
売り上げランキング: 33307

posted with amazlet at 11.01.06

谷拓樹
ラトルズ
売り上げランキング: 756

posted with amazlet at 11.01.06

クジラ飛行机
ソシム
売り上げランキング: 1936