What are custom elements in HTML?

Custom elements are user-defined HTML tags created with JavaScript. They allow developers to define reusable components.

Example:

class MyElement extends HTMLElement {
  connectedCallback() {
    this.innerHTML = '<p>Custom Element Content</p>';
  }
}
customElements.define('my-element', MyElement);

HTML:

<my-element></my-element>