在模板标签中使用无效/不完整的 html

Question

我想为某些行制作模板，但我想知道规范是否允许省略行的封闭表格标记。如果我想遍历生成的 DOM，以下 html 是否有效？

<template>
    <tr><td>some data</td><td>more data</td></tr>
    <tr><td>more...</td><td>ok, it is over now</td></tr>
</template>

或者我必须这样做吗？

<template>
    <table>
        <tr><td>some data</td><td>more data</td></tr>
        <tr><td>more...</td><td>ok, it is over now</td></tr>
    </table>
</template>

插入不正确的 DOM 会使一些浏览器尝试纠正它。在某些情况下，它会创建封闭表和 tbody，因此遍历与原始源代码中看起来不同。这些规则是否适用于模板标签的内容？

Answer 1

是的，它是有效的。允许模板接收必须在 tbody 甚至 tr 内的内容，如：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template

第一个示例在 template 中使用 tr，没有 table 也没有 tbody。