html5-template - 在模板标签中使用无效/不完整的 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

第一个示例在没有table和tbody的模板内使用tr。