Question

如果我插入两个关闭的空div，我会在渲染后将另一个嵌套在另一个中。

来源：

<html>
<head></head>
<body>
    <div id="up"/> 
    <div id="prop"/> 
</body>
</html>

渲染：

<html>
<head></head>
<body>
    <div id="up">
        <div id="prop"></div>
    </div>
</body>
</html>

但是当我将第一个块作为开始和结束标记插入时，这不会发生：

来源：

<html>
<head></head>
<body>
    <div id="up"> </div>
    <div id="prop"/> 
</body>
</html>

渲染：

<html>
<head></head>
<body>
    <div id="up"></div>
    <div id="prop"></div>
</body>
</html>

为什么会这样？

Answer 1

也许是因为您应该始终关闭div代码？

标记省略：无，开始和结束标记都是必需的。

Answer 2

这是HTML而不是XML。

HTML不支持关闭TAG，即<div id=up"/>。

格式良好的Empty div应如下所示：

<div id="up"></div>

Answer 3

注意HTML和XML之间的区别！

HTML 不允许“立即”关闭所有标记类型，请阅读本文以获取更多信息：http://tiffanybbrown.com/2011/03/23/html5-does-not-allow-self-closing-tags/

也许您想要使用的是XHTML，您可以从XML中获得行为和语法。