# Cómo usar la etiqueta template en HTML5
Hasta hace unos años, cuando un desarrollador quería hacer templates de sus
páginas, la opción era usar algún lenguaje en el Backend como PHP, Ruby, Python,
etc.
Actualmente el uso de templates es posible del lado del Frontend usando
JavaScript. Para manejar dichos los templates tenemos algunos engines como:
[Jade](https://jade-lang.com/), Swig, [Mustache](https://mustache.github.io/),
[Handlebars](https://handlebarsjs.com/), etc.
Gracias a la popularidad de estos motores de templates la
[WhatWG](https://whatwg.org/) creó una etiqueta nueva en HTML5 poco conocida,
que gracias a los [Web Components](https://webcomponents.org/) se está volviendo
cada vez más popular,
[la etiqueta ``](https://www.whatwg.org/specs/web-apps/current-work/multipage/scripting-1.html#the-template-element).
## Soporte
No todos los navegadores soportan la etiqueta ``. Actualmente es
soportado por Firefox +22, Chrome +26, Safari +7.1, Opera +15, iOS Safari +8,
Android Browser +4.4, Opera Mobile +24, Chrome for Android +39 y Firefox for
Android +33, Internet Explorer no tiene soporte alguno a esta etiqueta.
Para poder detectar si el navegador que el usuario está usando tiene soporte
para esta etiqueta simplemente creamos el elemento del DOM con JavaScript y nos
fijamos si posee la propiedad .content.
```js
if ("content" in document.createElement("template")) {
// Funciona!
} else {
// Usamos algún motor de templates
}
```
## Creando el template
La etiqueta `` es esencialmente un elemento clonable del DOM para ser
reutilizado en tu sitio o aplicación web. Para crear un template simplemente
escribes HTML común y lo colocas dentro de la etiqueta ``.
```html
```
## Características principales
Envolver contenido dentro de `` nos da cuatro características
importantes.
1. El contenido es parseado e interpretado por el navegador, pero no renderizado
por lo que es invisible para el usuario.
2. Cualquier contenido dentro del template no tiene efectos secundarios. Los
scripts no se ejecutan, las imágenes no cargan, el audio no suena y los
vídeos no se reproducen, hasta que el template sea usado.
3. El contenido del template no es considerado parte del documento, hacer un
`document.getElementById()` o `.querySelector()` no va a regresar los
elementos del template.
4. El template puede ser colocado en cualquier parte dentro de ``,
`` o `