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); |
| 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
|
| https://www.w3.org/2000/01/rdf-schema#label |
HTML Custom Elements
|