是 HTML 中的属性

is是 W3C 规范的一部分，用于创建具有自定义行为的自定义 HTML 元素。

特别是，它is用于扩展内联元素的属性，例如<input>,<button>或<table>。例如，您可以将plastic-button元素设置<button>为在单击按钮时提供一些精美的动画。

您可以像这样添加此按钮：

<button is="plastic-button">Click Me!</button>

在此之前，您需要将塑料按钮注册为自定义 HTML 元素，如下所示：

customElements.define("plastic-button", PlasticButton, { extends: "button" });

这是指一个PlasticButton看起来像这样的 JavaScript 类：

class PlasticButton extends HTMLButtonElement {
  constructor() {
    super();

    this.addEventListener("click", () => {
      // Нарисуем некоторые причудливые анимационные эффекты!
    });
  }
}

如果您可以<plastic-button>Click Me!</plastic-button>改为编写 ,那就太好了<button is="plastic-button">Click Me!</button>，但是那样会创建一个没有特殊行为的 HTMLElement。

如果您不想扩展嵌入式 HTML 元素的属性<button>，而是创建一个扩展通用 HTMLElement 的新元素，您可以使用<plastic-button>语法。但是你不会得到任何<button>行为。

这是自定义 Web 组件元素的 W3C 规范的一部分：http: //www.w3.org/TR/custom-elements/#type-extension-semantics

_{@DeanMoses回答的翻译}