La construcción is global attribute permite especificar que un elemento HTML estándar se debería comportar como un elemento personalizado provisto originalmente por el lenguaje (para más detalles, vea Utilizando elementos personalizados).

Este atributo puede ser utilizado sólo si nombre del elemento personalizado especificado ha sido definido extósamente en el documento actual, y extiende el tipo de elemento al que está siendo aplicado.

Ejemplos

El siguiente código fue tomado de nuestro ejemplo word-count-web-component (véalo también en vivo).

// Crea una clase para el elemento
class WordCount extends HTMLParagraphElement {
  constructor() {
    // Siempre llamar a super al comienzo del constructor
    super();

    // Contenido del constructor omitido para mayor brevedad
    ...

  }
}

// Define el nuevo elemento
customElements.define('word-count', WordCount, { extends: 'p' });
<p is="word-count"></p>

Especificaciones

Especificación Estado Comentario
HTML Living Standard
La definición de 'is' en esta especificación.
Living Standard  

Compatibilidad de navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Soporte básicoChrome Soporte completo 67Edge Sin soporte NoFirefox Soporte completo 63
Soporte completo 63
Sin soporte 59 — 65
Deshabilitado
Deshabilitado From version 59 until version 65 (exclusive): this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Sin soporte ? — 59
Deshabilitado
Deshabilitado Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Sin soporte NoOpera Soporte completo 55Safari Sin soporte NoWebView Android Soporte completo 67Chrome Android Soporte completo 67Edge Mobile Sin soporte NoFirefox Android Soporte completo 63
Soporte completo 63
Sin soporte 59 — 65
Deshabilitado
Deshabilitado From version 59 until version 65 (exclusive): this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Sin soporte ? — 59
Deshabilitado
Deshabilitado Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Soporte completo 55Safari iOS Sin soporte NoSamsung Internet Android Sin soporte No

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.

Vea también

 

Etiquetas y colaboradores del documento

Colaboradores en esta página: daniel.duarte
Última actualización por: daniel.duarte,