Question

这是我的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
kjkj
</div>
</body>
</html>

Lve演示： http://tinkerbin.com/O2MwkUTj

为什么网页顶部会出现空白行？

我注意到删除div或删除doctype可以解决问题......

Answer 1

这是因为Tinkerbin感到困惑。

如果您将HTML放入文件中，它可以正常工作。在Tinkerbin中，预览中发生以下情况：

<body>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <div>
    kjkj
    </div>
</body>

我认为在输出您的页面时会删除一些标记，例如<html>，<head>和<body>，以便在为预览创建的页面内显示。

为什么我的html页面顶部有一个空行？

1 个答案: