Описание тега custom-element
Пользовательские элементы - это функция HTML, позволяющая создавать собственные полнофункциональные элементы DOM и использовать их в разметке HTML, таблицах стилей CSS и коде JavaScript.
Пользовательские элементы изначально поддерживаются во всех браузерах, но для браузеров, которые еще не реализуют их изначально, некоторая поддержка доступна за счет использования полифила JavaScript.
Последние изменения в Javascript / Ecmascript 2017 позволяют легко создавать настраиваемые элементы HTML в стиле ООП, что делает ваш код понятным, а разметку HTML - более интуитивно понятной.
Смотрите также:
- https://html.spec.whatwg.org/multipage/custom-elements.html
- https://developer.mozilla.org/en-US/docs/Web/Web_Components/Custom_Elements
- https://developers.google.com/web/fundamentals/web-components/customelements
Галерею доступных настраиваемых элементов можно найти в WebComponents.