dt and dd without end tags went to wrong.

Version

2.4.2

Reproduction link

https://jsfiddle.net/mysticatea/528857L9/1/

Steps to reproduce

1. Write <dt> and <dd> without their end tags by turns in a template (except DOM template). For example:

<dl>
    <dt>Title 1
    <dd>Details 1
    <dt>Title 2
    <dd>Details 2
</dl>

What is expected?

The DOM tree will become:

<dl>
    <dt>Title 1</dt>
    <dd>Details 1</dd>
    <dt>Title 2</dt>
    <dd>Details 2</dd>
</dl>

What is actually happening?

The DOM tree became:

<dl>
    <dt>
        Title 1
        <dd>
            Details 1
            <dt>
                Title 2
                <dd>Details 2</dd>
            </dt>
        </dd>
    </dt>
</dl>

[yyx990803]

So, the rules about omitting end tags in HTML5 is rather case-by-case. For p and li it’s more straightforward since they just close themselves when another one of itself is encountered, however for dt, dd, tr, td and options etc., each of them can be terminated by an open tag of itself or some other element, so if we want to strictly adhere to the spec we’d have to hard-code all these possibilities, which imo is not worth it just so that users can intentionally write spec-compliant but (imo) sloppy HTML.

Since we already have the closing tag warning in place, we are essentially enforcing Vue templates to be a (slightly) stricter subset of HTML, which imo is fine considering the tradeoff here.

[nickmessing]

@mysticatea, I still it should be changed because at the moment it works differently from HTML specification, according to specs it should not be possible to have dd or dt inside dd or dt.