Two div after render page second div nested in first div

Question

If i insert two closed empty div , i get one nested in another after render.

Source:

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

Render:

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

But when i insert first block as opening and closing tag, this is not happen:

Source:

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

Render:

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

Why this happen?

possible duplicate of [Is it OK to use a self closing DIV tag?](http://stackoverflow.com/questions/7971716/is-it-ok-to-use-a-self-closing-div-tag) and http://stackoverflow.com/questions/7757523/is-it-allowed-to-have-a-self-closing-div-tag-in-an-html-document — j08691, Sep 16 '13 at 13:21

score 1 · Answer 1 · answered Sep 16 '13 at 13:21

1

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

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

answered Sep 16 '13 at 13:21

pckill

Scription · Accepted Answer · 2013-09-16T13:25:41.650

0

This is HTML not XML.

HTML does not support the closing of a TAG i.e. <div id=up"/>.

A well formatted Empty div should be as follows:

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

edited Sep 16 '13 at 13:25

answered Sep 16 '13 at 13:23

Scription

score 0 · Answer 3 · answered Sep 16 '13 at 13:24

Be careful about the difference between HTML and XML!

HTML does not allow all tag-types to be closed "immediately", read this article for more info: http://tiffanybbrown.com/2011/03/23/html5-does-not-allow-self-closing-tags/

Maybe what you wanna use is XHTML for behaviour and syntax you would expect from XML.

3 Answers3