タイトル: template要素
SEOタイトル: HTML template要素 完全ガイド（クライアント側テンプレート / content / cloneNode / Web Components）
| この記事の要点 |
|
template要素とは
は HTML5 で追加された要素で、「ページには描画したくないが、JS から取り出して使いたい HTML 断片」を埋め込むためのものです。中身はパース時に DOM ツリー化されますが、レンダリングされず、スクリプトも実行されず、画像も読み込まれません。一覧表示の繰り返しブロックや、Web Components の Shadow DOM のテンプレートとして使われます。
基本構文
特徴
- 中身は document fragment として保持される（
template.content） - 描画されない（display:none を書く必要すらない）
- 中の