Описание тега html-templates
Добавьте в документ элемент шаблона с дочерними элементами, определяющими ваш шаблон (включая необязательные элементы "slot", которые будут использоваться с теневой DOM), а затем, при необходимости, скопируйте его "content" и примените.
Элемент HTML-шаблона можно использовать для содержимого, которое не отображается по умолчанию, но может быть создано во время выполнения. Это может иметь<slot>дочерние элементы, которые определяют шаблон для результирующего "плоского дерева DOM" (когда шаблон добавляется как теневое содержимое DOM элемента, потенциально имеющего свои собственные дочерние элементы). Он часто используется в Custom Elements и / или Shadow DOM, но это не обязательно.