HTML Custom Elements

GPTKB entity

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