Web Components

Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends. Primary technologies used to create Web Components include: ; Custom elements : APIs to define new HTML elements ; Shadow DOM : encapsulated DOM and styling, with composition ; HTML templates : HTML fragments that are not rendered, but stored until instantiated via JavaScript

Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends. Primary technologies used to create Web Components include: Custom elements APIs to define new HTML elements Shadow DOM encapsulated DOM and styling, with composition HTML templates HTML fragments that are not rendered, but stored until instantiated via JavaScript === Custom elements=== There are two parts to Custom Elements: autonomous custom elements and customized built-in elements. Autonomous custom elements are HTML elements that are entirely separated from native HTML elements; they are essentially built from the bottom up using the Custom Elements API. Customized built-in elements are elements that are built upon native HTML elements to reuse their functionality. Title Description Scripts within a template do not run, and resources are not fetched, until the content is cloned or added to the DOM. ==See also== HTML Components Web framework Web resource

Text derived from https://en.wikipedia.org/w/index.php?oldid=1363211598 under CC BY-SA 4.0; modifications have been made.