html - 渲染页面后的两个 div 第二个 div 嵌套在第一个 div 中

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>

为什么会这样？

score 1 · Accepted Answer

Maybe because you should always close your div tags?..

Tag omission: None, both the starting and ending tag are mandatory.

score 0 · Accepted Answer

请注意 HTML 和 XML 之间的区别！

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

也许您想要使用 XHTML 来表示您对 XML 所期望的行为和语法。

score 0 · Accepted Answer

这是 HTML 而不是 XML。

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

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

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

3 回答 3