テンプレートとスロット
public.icon
テンプレートとスロットの使用 - Web API | MDN
🤖
<template> 要素は、再利用可能な非レンダリングHTML構造を定義し、JavaScriptで複製・挿入することでDOMに表示可能。
<slot> 要素により、Web Componentsでの柔軟な内容挿入が可能となり、名前付きスロットで個別の要素インスタンスに異なる内容を差し込める。
element-details の例では、テンプレートとスロットを組み合わせたシャドウDOMの設計を通じて、カスタム要素の拡張的な使い方を学べる。