It enables you to keep the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash.

https://developer.mozilla.org/en-US/docs/Web/Web_Components/...