Web Componentsとは

Web Componentsは、多重化可能なカスタムHTML要素、パッケージスタイル、動作を作成できるWebネイティブAPIのセットです。

カスタム要素

customElements.define()を使用して新しいHTMLラベルを定義します（例：。

Shadow DOM

コンポーネントの内部DOMとスタイルをカプセル化し、外部CSSの漏洩とスタイルの衝突を防止します。

HTMLテンプレートとスロット