Страницы

Поиск по вопросам

понедельник, 4 марта 2019 г.

Атрибут is в HTML

Недавно читал статьи по созданию собственных тегов в HTML и натолкнулся на неизвестный мне атрибут is. Статья: https://learn.javascript.ru/...
Зачем этот атрибут? Можно ли его использовать, к примеру, для вставки иконок (..)? Насколько он валиден в старых браузерах?


Ответ

is является частью W3C спецификации и используется для создания пользовательских элементов HTML с пользовательским поведением.
В частности, is используется при расширении свойств встроенного элемента, например ,
Прежде чем вы это сделаете, вам необходимо зарегистрировать plastic-button, как пользовательский элемент HTML, например:
customElements.define("plastic-button", PlasticButton, { extends: "button" });
Это ссылается на JavaScript класс PlasticButton, который выглядит примерно так:
class PlasticButton extends HTMLButtonElement { constructor() { super();
this.addEventListener("click", () => { // Нарисуем некоторые причудливые анимационные эффекты! }); } }
Было бы здорово, если бы вы могли написать Click Me! вместо этого , но это создало бы HTMLElement без особого поведения.
Если вы НЕ хотите расширить свойства встроенного элемента HTML