# data[].attributes.body
Este sistema permite tener una parte del DOM oculta a otros bloques de la página. Se dice comúnmente que estamos encapsulando parte del DOM para que no interfiera con otros elementos de la página.

# data[].attributes.body
Permite importar un pedazo de código que podrás usar en un lugar de tu página. Ese código podrá tener HTML, CSS y Javascript. El HTML no se visualizará directamente en la página, pero lo podrías acceder con Javascript e inyectar en algún lugar.

# data[].attributes.body
Incorpora un sistema de templating en el navegador. Los templates pueden contener tanto HTML como CSS que inicialmente no se mostrará en la página. El objetivo es que con Javascript se acceda al código que hay dentro del template, se manipule si es necesario y posteriormente se incluya, las veces que haga falta, en otro lugar de la página.

# data[].attributes.body
Custom Elements:
Esta especificación describe el método que nos permitirá crear nuevas etiquetas personalizadas, propietarias. Estas etiquetas las podremos ingeniar para dar respuesta a cualquier necesidad que podamos tener. Son los casos básicos que hemos visto en los puntos anteriores de este artículo.

# data[].attributes.body
1. Un HTML con el elemento donde se va a renderizar el mapa

2. Un CSS para definir algún estilo sobre el mapa, por ejemplo sus dimensiones

3. Lo más importante, un Javascript para que puedas generar el mapa, indicando las coordenadas que deseas visualizar (para centrar la vista inicial) y muchos otros detalles de configuración que tu mapa necesite.

# data[].attributes.body
El ejemplo más típico que veremos por ahí es un mapa de Google. Hoy, si no usamos web components, cuando queremos mostrar un mapa en una página web, tenemos que crear código en tres bloques.

# 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
La intención de estos componentes es traer la ingeniería basada en componentes a la World Wide Web. El modelo de componentes permite la encapsulación e interoperabilidad de elementos de HTML individuales.

# data[].attributes.body
Son un conjunto de características que actualmente están siendo añadidas por el W3C a las especificaciones HTML y DOM de forma que permite la creación de widgets o componentes re utilizables en documentos y aplicaciones web.

# data[].attributes.body
Centro Educativo Santo            Domingo
Eliana De León C.
Prof: Guadalupe Espinosa
XIIºB
17/5/2018