template タグは初期では非表示となりjsで何かをトリガーとして表示させるためのタグです。
<button onclick="show()">表示</button>
<template>
<h2>タイトル</h2>
<p>クリックされました</p>
</template>
<script>
function show() {
let temp = document.getElementsByTagName("template")[0];
let clone = temp.content.cloneNode(true);
document.body.appendChild(clone);
}
</script>例えばスマフォ用のちょっとしたメニューなどに使えるのではないでしょうか？