# data[].attributes.body
Los web components surgieron como propuesta por parte de Google a la W3C, prácticamente a la par que el framework MVC de JavaScript AngularJS, también creado por la compañía del buscador.

# data[].attributes.body
Los Web Components necesitan ejecutar JavaScript para casi todas las tecnologías que utilizan, pero aparentemente Google está mejorando la indexación mediante la ejecución de JavaScript, permitiendo que los Web Components sean indexados.

# data[].attributes.body
Para poder empezar a usar un Web Component, sólo tenemos que importarlo desde la cabecera o etiqueta head de la página que lo vaya a usar mediante la siguiente etiqueta:
<link rel="import" href="ejemplo-componente.html">

# data[].attributes.body
Suponen una revolución en el mundo del desarrollo Web en términos de reutilización y encapsulación de código cliente, ya que permiten encapsular código HTML, CSS y JavaScript, de forma que no puede ser afectado por el código de la página que lo incluye. Si queremos modificar el estilo de un Web Component desde fuera de su código, podemos hacerlo, pero tendría que ser a propósito.

# data[].attributes.body
Los web components son un estándar del W3C que nos permiten desglosar el desarrollo de aplicaciones web en pequeños contenedores que encapsulan marcado, código JavasScript y estilos CSS, recibiendo el nombre de componentes.

# data[].attributes.body
Elementos personalizados - APIs para definir elementos HTML nuevos.

Sombra DOM - DOM y estilos encapsulados, con composición.

Importaciones de HTML - Métodos declarativos para importar documentos HTML a otros documentos.

Plantillas de HTML - El elemento template que permite que los documentos contengan trozos inertes del DOM.

# data[].attributes.body
Web Components no están implementados completamente en todos los navegadores todavía, y por lo tanto para usarlos en la mayoría de navegadores (enero de 2015) probablemente necesitarás usar polyfills para rellenar los huecos en la cobertura de los navegadores.

# data[].attributes.body
Un Web Component puede ser usado sin escribir código, simplemente añadiendo una sentencia para importarlo en una página HTML. Web Components usa capacidades estándar, nuevas o aún en desarrollo, del navegador.

# data[].attributes.body
Constiste en distintas tecnologías independientes. Puedes pensar en Web Components como en widgets de interfaz de usuario reusables que son creados usando tecnología Web abierta. Son parte del navegador, y por lo tanto no necesitan bibliotecas externas como jQuery o Dojo.