小居

标签： doctype

  • 不要在doctype前输出内容

    在 doctype 前输出如注释等非空白内容会导致 IE6/8 的页面异常，比如用 margin 来设置的居中。以下代码，IE6 ~ IE8 将无法居中显示。

    <!-- Some comment here will make ie6~8 abnormal -->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>content_before_dotype</title>
    <style type="text/css" media="screen">
        #wrap{
            margin:0 auto;
            width:800px;
            height:600px;
            background:#ccc;
        }
    </style>
</head>
<body>
    <div id="wrap">
        在doctype前输出内容（非空白符）将导致IE页面布局异常，比如用margin来实现的居中。
    </div>
</body>
</html>