javascript - html模板标签中的id属性

Question

因此，我正在深入研究 HTML5 模板标签，作为未来可能解决我的 Web 应用程序问题的方法。我似乎找不到的一件事是：您可以在模板标签中使用 id 属性吗？

模板可以重复使用，但 id 不能。因此，从理论上讲，多次使用相同的模板（这就是最初发明它们的原因）会导致无效的 HTML。有官方答案吗？

Answer 1

您可以在模板标签中使用 id 属性吗？

是的，但是：

模板可以重复使用，但id不能。

正确的。

因此，从理论上讲，多次使用相同的模板（这就是最初发明它们的原因）会导致无效的 HTML。

是的。不要那样做。在将 ID 添加到主 DOM 之前，请确保它们是唯一的。在将模板附加到主 DOM 之前，您可以在模板的 DOM 中对其进行编辑。

Answer 2

如果要将模板标记到主文档中，则 ID 必须是唯一的，但是，如果要将模板标记到影子根中，则可以在影子 DOM 中重复使用 ID。