Web Components
Web Components consist of three elemens:
Custom Elements
Usage
Shadow DOM
Makes encapsulation possible, but not necessary.
Keeps the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash, and the code can be kept nice and clean.
Attention!!! Outside styles will not work
Two modes:
- open - accessable from js
- closed - not accessable from js
Append children:
Standard elements as Video use the Shadow DOM for example.