---
title: Web Components
localeTitle: Componentes web
---
## ¿Qué son los componentes web?

Los componentes web están compuestos por una serie de especificaciones web creadas por el [W3C](https://w3c.github.io/) . Estas especificaciones describen un conjunto de API de plataforma web que se pueden usar para crear elementos HTML reutilizables, encapsulados y personalizables. Al exponer las API web de bajo nivel utilizadas por los proveedores de navegadores para crear los elementos HTML con los que ya está familiarizado, los componentes web se pueden usar en Una variedad de ambientes. Esto significa si está trabajando en un sitio de Wordpress, una aplicación de servidor, una aplicación de página única (SPA) con el último marco, o sin marco alguno, Se pueden utilizar componentes web. Por primera vez, independientemente de qué marco se use, puede entender la web como una plataforma para crear experiencias únicas que son fácilmente Traducido de una plataforma a otra.

## Especificaciones de componentes web

Los componentes web se definen en [cuatro especificaciones principales](https://www.webcomponents.org/introduction#specifications) .

*   **Elementos personalizados**
    
*   La [especificación de elementos personalizados](https://w3c.github.io/webcomponents/spec/custom/) sienta las bases para diseñar y usar nuevos tipos de elementos DOM.
    
*   **Shadow DOM**
    
*   La [especificación de Shadow DOM](https://w3c.github.io/webcomponents/spec/shadow/) define cómo usar el estilo encapsulado y el marcado en los componentes web.
    
*   **Módulos ES**
    
*   La [especificación ES Modules](https://html.spec.whatwg.org/multipage/webappapis.html#integration-with-the-javascript-module-system) define la inclusión. y la reutilización de documentos JS de forma estándar, modular y de rendimiento.
    
*   **Plantilla HTML**
    
*   La [especificación de elemento de plantilla HTML](https://html.spec.whatwg.org/multipage/scripting.html#the-template-element/) define cómo declarar Fragmentos de marcado que no se utilizan en la carga de la página, pero se pueden crear instancias más adelante en el tiempo de ejecución.
    

### Más información:

*   [Introducción a los componentes web.](https://www.webcomponents.org/introduction)
*   [Manifiesto Web Extensible](https://github.com/extensibleweb/manifesto)
*   [Especificación de componentes web W3C](https://w3c.github.io/webcomponents/explainer/)