Shadow DOM は、コンポーネントのスタイルとマークアップのカプセル化を提供するウェブ標準です。これは、Web Components においてきわめて重要な要素です。他の CSS や JavaScript がページ上で動作している場合でも、どの環境でもコンポーネントが動作することを保証するからです。
詳細
ベスト プラクティス
カスタム要素と Shadow DOM は低レベル プリミティブであるため、堅牢でさまざまな環境で適切に動作するコンポーネントを作成するために、これらを組み合わせる最適な方法が常に明確であるとは限りません。これらの API にはさまざまな用途の API が用意されていますが、ここでは、コンポーネントがどこでも適切に動作するためのベスト プラクティスをいくつか紹介します。
詳細
例
HowTo-Components は、カスタム要素と Shadow DOM のベスト プラクティスを示す要素のセットです。これらの要素は本番環境での使用を意図したものではありませんが、ベスト プラクティスの推奨事項を実際の実装にマッピングするための参考情報として提供されています。
詳細