6日目：DOCTYPE を選ぶ
英語を書くとき、頭の文字は大文字にするよね？同じように HTML を書くときはまずはじめに DOCTYPE を書くようにしよう。単なる文法みたいなもんだよ。
誰がトクする？
サイト作ってるあなたの得になるね。ここで紹介するコツを活用するには、どのバージョンの HTML を使ってるのかを理解してないと困るんだ。バージョンによってちょっとずつやり方が違ってくるからね。だから、今のうちにどれかはっきりさせておくこと。なきゃ付け足しておいて。
どうしたらいい？
DOCTYPE はもうコードに組み込まれてるかもしれない。ホームページのソースを表示してみたらわかる。 （あるとすれば）DOCTYPE は一番てっぺん、<html>タグよりも上に載ってるはず。
- Movable Type のデフォルトのテンプレートを使ってる人は、
DOCTYPEが "XHTML 1.0 Transitional" になってると思う。これはこのままでオッケー。 - 正しい
DOCTYPEは他にも "HTML 4.01 Strict"、"XHTML 1.0 Strict"、"XHTML 1.1" やなんかがあるんだけど、どれでも問題ないよ。
もし DOCTYPE がもう付いてるんだったら、変えないほうがいい。けど DOCTYPE が <html> タグの前にない場合は、次のコードを足してほしいんだ。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ここでは詳しく説明しないけど、ページにこの DOCTYPE を付け足すとレイアウトがちょっぴり変わっちゃうことがあるんだ。これには技術的なワケがあるんだけど、（興味がある人は「さらなる情報源」セクションを見てね）もしレイアウトが崩れるようならしょうがない、次に書くように DOCTYPE 半分だけにしてみて。（これは崩れる場合だけね。）
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
さて、ここで気をつけてほしいのは、どのページもひとつ残らず DOCTYPE が含まれてなきゃいけないってこと。テンプレートに組み込んであるかチェックしておいてね。
- Movable Type を使ってる人は、"Main Index"、"Master Archive Index"、"Category Archive"、"Date-Based Archive"、"Individual Entry Archive"のテンプレートと、自分で作成したアーカイブ用のテンプレート全部のチェックが必要だよ。
このセクションであと知っておいてほしいのは、自分が使っているのが HTML 4（全種類）なのか、XHTML 1.0（全種類）なのか、それとも XHTML 1.1 なのかってこと。どうして知っとかないといけないかについてはまた次回。
さらなる情報源（全部英語）
- A List Apart: 「正しい DOCTYPE でサイトを直す法」
- MSDN: 「IE 6 における Quirks モード」 （注：このサイト、ネットスケープの一部と Mozilla じゃ使えないんだけど、これ僕じゃなくてマイクロソフトが悪いんだよぅ。）
- 「Mozilla における Quirks モード」