html - 最初の div にネストされた 2 番目の div をレンダリングページの後に 2 つの div

Question

2 つの閉じた空の div を挿入すると、レンダリング後に 1 つが別のネストにネストされます。

ソース：

<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

divたぶん、常にタグを閉じる必要があるためでしょうか?..

タグの省略: なし。開始タグと終了タグの両方が必須です。

html - 最初の div にネストされた 2 番目の div をレンダリング ページの後に 2 つの div