2

がないと、IE のボックス モデルを使用して、ページ上のアイテムが Quirk モードでレンダリングされるDOCTYPEため、IE に問題があると考える傾向があります。DOCTYPE

常に. DOCTYPE_などのマークアップの後に間違って行が有効にならなかった場合、Chrome、Firefox、Safari ではどのような影響がありますか?DOCTYPEDOCTYPE<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
4

1 に答える 1