がないと、IE のボックス モデルを使用して、ページ上のアイテムが Quirk モードでレンダリングされるDOCTYPE
ため、IE に問題があると考える傾向があります。DOCTYPE
常に. DOCTYPE
_などのマークアップの後に間違って行が有効にならなかった場合、Chrome、Firefox、Safari ではどのような影響がありますか?DOCTYPE
DOCTYPE
<html>
DOCTYPE
以下のコードを実行するまで、通常は違いがわかりません (または違いはありますか?)。を使用するDOCTYPE
と、正しいビューポートの高さ ( など410
) がレポートされますが、 がないとDOCTYPE
、 のようなものが出力されます3016
。これは 1 つの違いであり、その原因は後でわかりますが、これ以外に、Chrome、Firefox、および Safari での他の違いは何ですか? 重要な用途の 1 つは、違いが何であるかを知っていて、プロジェクトにいくつかの問題がある場合に、それが に問題がある可能性があると推測できることDOCTYPE
です。
<!DOCTYPE html>
<html>
<head>
<style>
body { height: 3000; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
onload = function() {
console.log("jQuery version", $.fn.jquery);
console.log("document.compatMode is", document.compatMode);
console.log("$(window).height() is", $(window).height());
}
</script>
</head>
<body>
hi