Statements (53)
Predicate | Object |
---|---|
gptkbp:instanceOf |
gptkb:standard
|
gptkbp:allows |
reusability
encapsulation lifecycle callbacks |
gptkbp:canBe |
gptkb:TypeScript
gptkb:Vanilla_JavaScript JavaScript frameworks autonomous custom elements customized built-in elements |
gptkbp:category |
gptkb:REST_API
gptkb:HTML5 Web development |
gptkbp:compatibleWith |
gptkb:Internet_Explorer
|
gptkbp:definedIn |
gptkb:W3C
|
gptkbp:documentation |
https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
https://html.spec.whatwg.org/multipage/custom-elements.html |
gptkbp:enables |
creation of new HTML tags
extension of existing HTML elements |
gptkbp:example |
<my-element></my-element>
class MyElement extends HTMLElement {} customElements.define('my-element', MyElement); |
https://www.w3.org/2000/01/rdf-schema#label |
HTML Custom Elements
|
gptkbp:introducedIn |
gptkb:HTML_Living_Standard
|
gptkbp:lifeCycle |
adoptedCallback
attributeChangedCallback connectedCallback disconnectedCallback |
gptkbp:limitation |
not supported in IE
require hyphen in name some features require polyfills |
gptkbp:partOf |
gptkb:Web_Components
|
gptkbp:relatedTo |
gptkb:ES_Modules
gptkb:Shadow_DOM gptkb:HTML_Templates |
gptkbp:specifies |
gptkb:Custom_Elements_specification
|
gptkbp:standardizedBy |
gptkb:WHATWG
|
gptkbp:supportedBy |
gptkb:Chrome_54
gptkb:Edge_79 gptkb:Firefox_63 gptkb:Safari_10.1 gptkb:Edge gptkb:Safari gptkb:Firefox gptkb:Chrome |
gptkbp:usedFor |
progressive web apps
design systems UI component libraries custom widgets |
gptkbp:uses |
Shadow DOM (optional)
class inheritance customElements.define() |
gptkbp:bfsParent |
gptkb:Web_Platform_Working_Group
|
gptkbp:bfsLayer |
4
|