Cos'è l'attributo HTML "è"?

Question

L'ho visto molto qua e là, ma ho trovato qualsiasi descrizione o documentazione a riguardo!

Example:

<paper-input-decorator label="Your Name"> 
    <input is="core-input"> 
</paper-input-decorator> 

Answer 1

Nel 2017:

Non c'è is attributo in HTML.

È un'estensione proposta che appare nello Custom Elements specification (che si è evoluto dalle specifiche del polimero menzionate di seguito).

Consente di dire che un elemento standard esistente è in realtà un elemento personalizzato.

<button is="fancy-button" disabled>Fancy button!</button> 

... che consente la retrocompatibilità. Se gli elementi personalizzati non sono supportati dal browser (la specifica è ancora una bozza e ha) ricadrà sul comportamento predefinito.

---

Nel 2014:

Non è HTML. È un attributo expando per Polymer custom elements.

Se è stato utilizzato si estende per creare un elemento di polimeri che deriva da un elemento DOM esistente (qualcosa di diverso HTMLElement), utilizzare la is sintassi

Answer 2

Fa parte del W3C Progetto specifiche per Web Components' personalizzato Elementi.

recente Working Draft: http://www.w3.org/TR/custom-elements/#type-extension-semantics

Progetto dell'ultima Editor: http://w3c.github.io/webcomponents/spec/custom/#type-extension-example

Answer 3

E 'parte della web components specifiche per gli elementi personalizzati. Quindi è HTML.

Anche quadri come Vue.js supportano is in conformità con i componenti Web standard.

Answer 4

La parola chiave is fa parte delle specifiche Draft W3C per la creazione di elementi HTML personalizzati con comportamento personalizzato.

Nello specifico, is viene utilizzato quando si estende un elemento incorporato come <input>, <button> o <table>. Ad esempio, potresti avere un elemento plastic-button che estende <button> per fornire un'animazione di fantasia quando viene fatto clic.

Faresti aggiungere il pulsante per la pagina come questa:

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

Prima di fare questo, è necessario registrare plastic-button come un elemento HTML personalizzato come questo:

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

Questa riferimenti una classe Javascript PlasticButton, che sarebbe simile a questa:

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

    this.addEventListener("click",() => { 
     // Draw some fancy animation effects! 
    }); 
    } 
} 

Sarebbe bello se si potesse dire <plastic-button>Click Me!</plastic-button> invece di <button is="plastic-button">Click Me!</button>, ma ciò creerebbe un HTMLElement senza alcun comportamento particolare.

Se NON si sta estendendo un elemento built-in HTML come <button> e invece la creazione di un nuovo elemento che estende la HTMLElement generico, è possibile usare la sintassi <plastic-button>. Ma non otterrai alcuno dei comportamenti di <button>.

Questo fa parte del W3C Progetto specifiche per Web Components' elementi personalizzati: