みなさん doctype 宣言せんげん書かいてますかー？

ちょっと試ためしたい時ときには 書かかないで作つくって あとから書かいてある方ほうに埋うめ込こむと動うごかなかったりずれてたり そういうことがあるのでとりあえず全部ぜんぶに書かいておいたほうがいいと思おもいます

これを1行ぎょう目めに書かくだけです
コピペしなくても特とくに困こまらない長ながさです

違ちがいは？

どういう違ちがいがあるかですが 上うえの宣言せんげん文ぶんは HTML5 の書かき方かたで sttrict モードになります
何なにもかかないのは 互換ごかんモードです
互換ごかんモードは名前なまえの通とおり昔むかしの記述きじゅつ方法ほうほうでも動うごくようにしています
こっちのほうが便利べんりなところもありますが HTML5 は strict モードだけらしいですし strict モードをメインに考かんがえていけばいいと思おもいます
宣言せんげんなしだと HTML5 が使つかえないってわけではないんですけどね

よく困こまる違ちがいは 高たかさの 100% の扱あつかいの違ちがいですね
strict モードだと html と body から height:100% を指定していしないとダメです
さらに Chrome だとなぜか 100% なのにはみ出でてスクロールバーが出でるバグのような挙動きょどうをします

気きづきづらい違ちがい

ここまでは （Chromeがおかしいのは除のぞいて）有名ゆうめいなところだと思おもいます
今回こんかいは 最近さいきん私わたしが気きづいた部分ぶぶん2つの紹介しょうかいです

サンプルを用意よういしてるので比較ひかくしてみてください
doctype 宣言せんげんあり
doctype 宣言せんげんなし

1つめ

margin を見みてみてください
宣言せんげんなしのほうが上うえの方ほうに文字もじがあります

p タグは Chrome だと 18px の上下じょうげマージンがデフォルト値ちです
宣言せんげんありでは 18px 上部じょうぶに確保かくほされていますが 宣言せんげんなしではマージンは body タグの部分ぶぶんだけで p タグ分ぶんの上部じょうぶマージンはありません

ですが 自分じぶんで margin:18px 0; と設定せっていすると 宣言せんげんありと一緒いっしょの位置いちになります
ブラウザ固有こゆうのスタイルに限かぎり適用てきようされないみたいです

2つめ

黄き緑みどりの四角しかくにマウスカーソルを持もっていってください
宣言せんげんなしでは ピンクの四角よつかどが移動いどうしますが 宣言せんげんありだと移動いどうしません

違ちがいは スタイルの変更へんこうで px をつけるかどうかですと px なしでも 宣言せんげんなしの方ほうはちゃんと 100px にしてくれています

---

1つめは宣言せんげんありの動うごきのほうが好すきですが 2つめは宣言せんげんなしの動うごきのほうが好すきです

こういう違ちがいは探さがすとまだまだありそうなので互換ごかんモードで作つくったのを strict モードにコピペするのは危険きけんだと思おもいます
可能かのうなら最初さいしょから両方りょうほう一緒いっしょにしたほうがいいです