最近恐る恐るHTML5でコーディングを始めました。
ここ何年か、XHTML1.0strictで書いていたので、終了つけなくていいのがちょっと楽かなと思ってます。
XHTMLだとおよそ脳内のレンダリングイメージが正確だったから、今は表示チェックが新鮮なような懐かしいような…
今日はHTML5のとっかかりについて書きます。
DOCTYPEをHTML5に変える。
これをしないと始まらないんだけど、いきなりbody内にheaderとかsectionとか書いてしまうと表示がおかしい時の原因が突き止めにくいです。
それに、今までちゃんとXHTMLをvalidで書けていれば、DOCTYPEを変えるだけで、HTML5に準拠したページになります。
XHTML1.0 strictのDOCTYPE宣言
XHTMLのDOCTYPE宣言、もう何年もお世話になってきたけど…
これはいつも使い回しだから暗記してて、ささっと書ける人は少ないんじゃないかな？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5のDOCTYPE宣言
これがHTML5のDOCTYPE宣言、シンプルで短くなってるから、これなら簡単に覚えられます。
<!DOCTYPE html>
HTML5のDOCTYPE宣言の特徴
- HTML5のDOCTYPE宣言にはバージョンは入らない
- どのブラウザも標準モードでレンダリングされる
- 現在のブラウザに対して悪影響を与えない
HTML5の使用について
HTML5に関してはブラウザの仕様がまだまだ不安定なため(IE)、HTML5だけ使って書くと将来ちょっと修正が必要「かも」しれません。
あと、「余計なモノは入れない」で書く。
最初の取っかかりはなるべくシンプルな方がいいです。
とかいいながらHTML5をIEに認識してもらうためにjavascriptを真っ先に読み込ませてます。
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
MIMEタイプとかについてはまた書きます。
コメントする