<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
<template id="myTemplate">
<p>Содержимое шаблона</p>
</template>
<div id="normalContent">
<p>Обычный параграф.</p>
</div>
<!-- функция JavaScript: Клонирует template и добавляет в обычный контент -->
<button onclick="useTemplate();">Показать содержимое</button>
<script>
function useTemplate() {
var myTemplate = document.getElementById('myTemplate');
normalContent = document.getElementById('normalContent');
clonedTemplate = myTemplate.content.cloneNode(true);
normalContent.appendChild(clonedTemplate);
}
</script>
</body>
</html>