为什么在 WebComponent 中使用 <template>？

问：

我看到了很多 Web 组件的例子，每个人都使用模板标签来绘制屏幕。是否有理由使用模板标签而不是 <div> 或 <section> 等标签？

这是示例代码

#render()
{
    if (!this.#template_node) this.#template_node = this.#get_default_template();

    this.shadowRoot.appendChild(this.#template_node.content.cloneNode(true));
}

#get_default_template()
{
    const template = document.createElement("template");
    template.innerHTML = `<p>Test Webcomponent</p>`

    return template;
}