: TEMPLATE 要素
最終更新：2026-09-12
<template>TEMPLATE 要素
再利用可能な HTML の断片を宣言します。JavaScript が複製して挿入するまで、描画もスクリプト実行もされません。
| カテゴリ | スクリプトと埋め込み |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </template> タグ |
| ステータス | 標準 |
📝 構文
<template id="row">
<tr><td></td></tr>
</template>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <template> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： template の内容は DOM に存在しますが、非表示で非アクティブです。.content でアクセスしてから cloneNode で複製します。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
